到达页面底部时停止自动滚动

时间:2014-03-13 19:25:01

标签: jquery autoscroll

我有一个页面,当用户点击一个按钮时会自动滚动,这样可以正常工作,但当它到达页面末尾时,它将不允许用户向上滚动。有没有办法来解决这个问题?在此先感谢您的帮助!

$(".playBtn").click(function(){
     $('html, body').animate({ scrollTop: $(document).height() }, 30000);
});

1 个答案:

答案 0 :(得分:0)

我认为我们的代码存在的问题是它需要30秒才能完成,然后看起来好像已经完成了动画,但实际上还没有,并且仍在完成当你试图向上滚动动画时 - 这就是为什么你不能向上滚动。

动画函数中的第二个参数告诉动画需要多长时间才能完成 - 以毫秒为单位。 ' html' ' html' 部分&#h;' 也没有做任何事情,因此我'已删除它,这里是新代码:

$('body').animate({ scrollTop: $('body').height() }, 1500);

这是一个JSFiddle:http://jsfiddle.net/rpaEv/