如何在AngularJS中滚动到页面顶部？

Question

我想在使用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作为依赖注入.

然后将这两个方法称为

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

这scrollToDivID是您要滚动的ID.

假设您要导航到错误消息div as

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

有关更多信息,请参阅此文档