如何滚动到AngularJS页面的顶部？

我想在使用angularjs获取ajax调用响应之后滚动到页面的顶部。 基本上，我在页面顶部显示警报消息，并且我希望将警报消息作为收到的ajax响应来关注。

谢谢

Answer 1

您可以使用

$window.scrollTo(x, y); 

其中x是沿着水平轴的像素， y是沿着垂直轴的像素。

1. 滚动到顶部

    $window.scrollTo(0, 0); 

2. 注重元素

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

Example

更新 ：

你也可以使用$anchorScroll

Example

Answer 2

你可以使用$anchorScroll 。

只要注入$anchorScroll作为一个依赖项，并且只要你想滚动到顶部就调用$anchorScroll() 。

Answer 3

理想情况下，我们应该根据实际情况从控制器或指令中完成。 使用$anchorScroll ， $location作为dependency injection。

然后调用这两个方法

 $location.hash('scrollToDivID'); $anchorScroll(); 

这里scrollToDivID是你想要滚动的id。

假设你想导航到一个错误消息股利为

 <div id='scrollToDivID'>Your Error Message</div> 

欲了解更多信息，请参阅此文档

Answer 4

使用： $anchorScroll();

与$anchorScroll属性