How to scroll to top of the page in AngularJS?

Issue

I want to scroll to the top of the page after getting an ajax call response using angularjs. Basically, I am displaying alert messages on top of the page and I want to focus the alert message as the ajax response received.

Thanks

Solution

You can use

$window.scrollTo(x, y);

where x is the pixel along the horizontal axis and y is the pixel along the vertical axis.

1. Scroll to top

   $window.scrollTo(0, 0);
   

2. Focus on element

   $window.scrollTo(0, angular.element('put here your element').offsetTop);   
   

Example

Update:

Also you can use $anchorScroll

Example

Answered By - Oleksandr T.