我的代码：
$('#scroll-image').click(function(){
$(window).animate({scrollTop: 0}, 2000);
return false;
});
当我单击＃scroll-image时，页面确实向上滚动，但会立即发生。我希望它平滑滚动。我环顾四周，其他人使用相同的代码，他们的代码运行完美。有什么想法吗？
尝试以下方法：
$("html, body").animate({ scrollTop: "0" }, 2000);
如：
$('#scroll-image').on('click', function(){
$("html, body").animate({scrollTop: 0}, 2000);
return false;
});.box {
height: 1000px;
background-color: red;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="box"></div>
<a id="scroll-image" href="#">Scroll to top</a>为htmlAND设置动画的原因body是，不同的浏览器会响应不同的元素-通过同时执行这两种操作，它将与更多的浏览器兼容。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句