Javascript 如何在AngularJS中滚动到页面顶部?
在使用angularjs获得ajax调用响应后,我想滚动到页面顶部。基本上,我在页面顶部显示警报消息,我希望在收到ajax响应时关注警报消息 谢谢您可以使用Javascript 如何在AngularJS中滚动到页面顶部?,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,在使用angularjs获得ajax调用响应后,我想滚动到页面顶部。基本上,我在页面顶部显示警报消息,我希望在收到ajax响应时关注警报消息 谢谢您可以使用 $window.scrollTo(x, y); 其中,x是沿水平轴的像素,y是沿垂直轴的像素 滚动到顶部 关注要素 更新: 你也可以使用 $window.scrollTo(x, y); 您可以使用 只需将$anchorScroll作为依赖项注入,并在需要滚动到顶部时调用$anchorScroll()。使用:$anchorScrol
$window.scrollTo(x, y);
其中,x
是沿水平轴的像素,y
是沿垂直轴的像素
$window.scrollTo(x, y);
您可以使用
只需将$anchorScroll
作为依赖项注入,并在需要滚动到顶部时调用$anchorScroll()
。使用:$anchorScroll()代码>
使用$anchorScroll
属性理想情况下,我们应该根据适用情况从控制器或指令执行。
使用$anchorScroll
,$location
作为依赖项注入
然后将这两个方法称为
$location.hash('scrollToDivID');
$anchorScroll();
此处scrollToDivID
是您要滚动的id
假设您希望导航到错误消息div as
<div id='scrollToDivID'>Your Error Message</div>
您的错误消息
有关更多信息,请参见此不要忘记,您也可以使用纯JavaScript处理这种情况,使用:
window.scrollTo(x-coord, y-coord);
答案应该是描述性的。对于关注元素,$window.scrollTo(0,angular.element('put here your element')。offset().top)代码>不要忘记在控制器函数定义中插入$window。例如:function($scope,$rootScope,$location,base_factory,$window)@muhammadda,当你说把你的元素放在这里时,它是元素的id吗?例如,我想滚动到id为“directions_panel”的元素的顶部,因此我输入了您所说的“put here your element”,但我得到了一个错误。谢谢你的帮助help@MuhammadReda我现在可以用了,谢谢。我没有使用angular.element('put your element here').offsetTop,而是使用document.getElementById('my_element').offsetTop。谢谢你的帮助:)我不知道为什么,但这两个代码都不起作用。我将它与ng calendar指令一起使用:(请注意,$anchorScroll
没有可用的动画(平滑滚动)。以上答案适用于angularjs 1
window.scrollTo(x-coord, y-coord);