2014-03-13 227 views
0

我有一个页面,当使用单击按钮时自动滚动,它工作正常,但当它到达页面的结尾时,它将不允许用户向上滚动。有没有办法来解决这个问题?预先感谢任何帮助!停止自动滚动,当它到达页面的底部

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

回答

0

我觉得跟我们的代码的问题是,它需要30秒就可以完成,然后看着好像它已经完成了动画,但真的没有,并且仍然完成它的动画,而你试图向上滚动 - 因此你不能向上滚动。

动画函数中的第二个参数告诉动画需要多长时间完成 - 以毫秒为单位。另外,“HTML”你“HTML,身体”部分并没有做任何事情,所以我已经删除了,这里的新代码:

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

,这里是一个的jsfiddle:http://jsfiddle.net/rpaEv/