Angular2 How to scroll to top of window on user interaction

Question

so i am having hard time to figure out how to scroll page to top of window upon user interaction (like click on item). In AngularJS i could use $window.scrollTo(0, 0); I am not using Angular2 Router so need something like aformentioned $window

Any help would be appreciated.

score 32 · Accepted Answer · edited May 23 '17 at 12:02

32

You can use the javascript window object or refer to this link if you want to do it purely in angular 2(Angular2 - How to inject window into an angular2 service):

window.scrollTo(0,0);

edited May 23 '17 at 12:02

Community

1
1

answered Jun 06 '16 at 12:50

Nikhilesh K V

1,480
13
20

1

Thanks. that worked. Not sure why, but at first i tried it it was marked as error by VS Code, but now it works just fine and i did nothing but copy/paste. – LithStud Jun 06 '16 at 12:59
Awesome. Glad to help. :) – Nikhilesh K V Jun 06 '16 at 13:07
Are there any advantages of injecting the window as in your link over using `window.scrollTo(0,0);`? – Geraint Anderson Feb 01 '18 at 18:07
1

@GeraintAnderson I don't think so....since the OP was referring to $window service, I wanted to give an Angular solution too. – Nikhilesh K V Feb 02 '18 at 06:09
This made my day! worked like charm. – coderpc Jun 18 '18 at 02:28

Angular2 How to scroll to top of window on user interaction

1 Answers1

Linked