我正在尝试在滚动时制作动画，但我的代码没有运气...
我有这个 jquery
$(window).scrollTop(200);
现在想给动画效果
所以尝试了这些但不起作用：
1. $(window).animate({scrollTop:200},1000);
2. $('body').animate({scrollTop: 200}, 1000);
我已经在这样的点击函数中应用了这个：
$('.goto').click(function(){
$(window).scrollTop(485); // its working
});
现在我想赋予动画效果但不工作......
【问题讨论】：
标签： jquery
我也遇到了这个问题，并意识到问题出在 CSS 内部。
就我而言，我需要删除 overflow-x: hidden;来自 HTML 标记。
删除：
html {
overflow-x: hidden;
}
然后，它起作用了。
希望对某人有所帮助！
【讨论】：
您必须使用$('html,body') 而不是$(window)，因为window 没有scrollTop 属性。
$('#scroll-bottom').on('click', function() {
$('html, body').animate({
scrollTop: 2000
}, 2000); // for all browsers
// $('html').animate({scrollTop: 2000}, 2000); // works in Firefox and Chrome
// $('body').animate({scrollTop: 2000}, 2000); // works in Safari
})#top {
margin-bottom: 2000px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="top">
<button id="scroll-bottom">scroll</button>
</div>
<div>bottom</div>【讨论】：
$('html,body') 和 $(body)，但在 firefox 中适用于$('html,body') 和 $(html)。显然scrolltop 存在一些浏览器兼容性问题。但是，请使用$('html,body')，这似乎对两者都有效。
$('html')，我的客户抱怨它在 safari 上不起作用。 $('html, body') 效果很好。
我正在使用 Angular 并试图向下滚动到已添加到 ng-repeat 中的项目。我将此代码放在$timeout 中（时间为零，只是为了在元素显示之后发生），这足以让新项目拥有offset().top...
...但我认为添加几十个新元素的工作太多了，所以它没有处理滚动动画的能力。当我将超时时间设置为 1 秒时，它起作用了（尽管实际上在调用超时之前需要 7 秒）。
我得出的结论是，动画、平滑的滚动在这里并不容易处理，而我只是在使用
document.body.scrollTop = entry.offset().top
【讨论】：
如果你有 html 和 body 样式 height:100%;它不工作 使用
height: auto;
min-height: 100%;
【讨论】：
height:100%，这会导致各种奇怪的滚动问题，尤其是在移动设备上...
height: 100% 因为粘页脚技术:)
<html>
function scrollmetop(dest){
var stop = $(dest).offset().top;
var delay = 1000;
$('body,html').animate({scrollTop: stop}, delay);
return false;
}
scrollmetop('#test');
<body>
<div style="margin: 100px 100px 1000px 100px">
<div id="test" style="width: 100px; height: 100px; border: 3px solid black;">target object</div>
</div>
</body>
</html>
【讨论】：
你只需要添加像素
$('body').animate({ scrollTop: "300px" }, 1000);
【讨论】：