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
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.
Scroll to top
$window.scrollTo(0, 0);
Focus on element
$window.scrollTo(0, angular.element('put here your element').offsetTop);
Update:
Also you can use $anchorScroll
You can use $anchorScroll.
Just inject $anchorScroll as a dependency, and call $anchorScroll() whenever you want to scroll to top.
Ideally we should do it from either controller or directive as per applicable.
Use $anchorScroll, $location as dependency injection.
Then call this two method as
$location.hash('scrollToDivID');
$anchorScroll();
Here scrollToDivID is the id where you want to scroll.
Assumed you want to navigate to a error message div as
<div id='scrollToDivID'>Your Error Message</div>
For more information please see this documentation