我有一个按钮,用于在单击时滚动回页面顶部。 我想要一个动画效果。
$("#back-to-top").click(function() {
$(document.body).animate({scrollTop: 0}, 800);
return false;
});
当我点击按钮时,它确实滚动回到顶部。但是,当我向下滚动函数时,我无法向下滚动。 当我使用
$(document).scrollTop(0);
效果很好。 有什么问题? 这是我的Fiddle 我是小提琴的新手,它只是不起作用!
答案 0 :(得分:2)
试试这个
$("#back-to-top").click(function(e) {
e.preventDefault();
$("body, html").animate({scrollTop: 0}, 800);
});
<强>更新强>
根据你的小提琴,你必须把这个功能放在$(window).scroll( function() {});
答案 1 :(得分:1)
您的问题实际上是基于浏览器的,我在Firefox中对此进行了测试,但它无效。然后我在Chrome中对它进行了测试,它运行良好。请尝试使用$('html, body').animate({scrollTop:0},500);
。