Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在AngularJS中滚动到页面顶部?_Javascript_Jquery_Angularjs - Fatal编程技术网

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

Javascript 如何在AngularJS中滚动到页面顶部?,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,在使用angularjs获得ajax调用响应后,我想滚动到页面顶部。基本上,我在页面顶部显示警报消息,我希望在收到ajax响应时关注警报消息 谢谢您可以使用 $window.scrollTo(x, y); 其中,x是沿水平轴的像素,y是沿垂直轴的像素 滚动到顶部 关注要素 更新: 你也可以使用 $window.scrollTo(x, y); 您可以使用 只需将$anchorScroll作为依赖项注入,并在需要滚动到顶部时调用$anchorScroll()。使用:$anchorScrol

在使用angularjs获得ajax调用响应后,我想滚动到页面顶部。基本上,我在页面顶部显示警报消息,我希望在收到ajax响应时关注警报消息

谢谢

您可以使用

$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);