HTML
<a href="#" id="scrollTop" class="margin-top-40 btn btn-danger btn-lg top btn-not-100">Back to top</a>
jQuery
$("#scrollTop").on("click",function(e){
e.preventDefault();
$(window).animate({scrollTop: 0}, 'slow');
});
尝试了以下方法,但仍然无效。
$("#scrollTop").on("click",function(e){
e.preventDefault();
$("body, html").animate({scrollTop: 0}, 'slow');
});
Css
html, body {height:100%;}
使用jquery-1.10.2.js,控制台没有任何错误。 更新: 下面的评论让我了解到问题出在使用jQuery scrollTop和将html、body设置为overflow... 因此,在stackoverflow上创建了一个新问题。
body { height: 100%; }
。 - Daiwei$(function() { ... })
作为外层包装了吗? - Oleg