如何停止scrollTop的持续时间

时间:2015-09-21 09:22:12

标签: jquery angularjs directive scrolltop

到目前为止我的指令已经足够好了,但并不是每个页面都有相同的高度,所以我想停止它已经在底部的持续时间。

这是指令的代码:

function (scope, elem, attrs) {
        $(document).on('contentchanged', '#mainText',  function () {
            $("html, body").animate({
                scrollTop: 0
            }, 0),
            $("html, body").animate({
                scrollTop: $(window).height()
            }, 4000);
        });
    }

因此,例如在第一页,视图位于底部,它不能更低,当我转到下一页时,它会连续向下滚动。

我的问题是如何停止滚动?

1 个答案:

答案 0 :(得分:1)

.animate( properties [, duration] [, easing] [, complete] )

所以你可以这样做:

.animate( 
    {scrollTop:'300px'},
    300,
    swing,
    function(){ 
       alert(animation complete! - your custom code here!); 
       } 
    )

这里是jQuery .animate函数api页面:http://api.jquery.com/animate/