代码之家 › 专栏 › 技术社区 › RiesvGeffen

如何停止滚动Top的持续时间

scrolltop directive angularjs jquery

0

RiesvGeffen · 技术社区 · 9 年前

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

这是指令的代码:

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

例如,在第一页,视图位于底部,它不能再往下移动,当我转到下一页时,它会继续向下滚动。

我的问题是 我怎样才能停止滚动?

1 回复 | 直到 9 年前

1

brute_force 9 年前

.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/

推荐文章

AlwaysANovice · 滚动到顶部按钮在子模板中不起作用

6 年前

San Daniel · 在React Native中滚动到页面顶部

6 年前

Sovai · 动画scrollTop,但我不能使用$('html,body')。动画({scrollTop:0},'慢');

7 年前

Jamie Sexton · 在页面加载时强制内部iframe内容滚动到顶部

7 年前

RiesvGeffen · 如何停止滚动Top的持续时间

9 年前

skon · 在Javascript中暂停自动滚动

9 年前

muetze · 在特定的滚动级别上启动jquery函数

9 年前