jQuery动画速度不起作用？动画瞬间 - 不流畅答案

【问题标题】：jQuery animate speed not working? Animation instant - not smoothjQuery动画速度不起作用？动画瞬间 - 不流畅
【发布时间】：2016-05-06 23:48:26
【问题描述】：

jQuery .animate 功能存在一些问题。

我在我的网站上实现了一个“返回顶部”链接：http://www.unforgivengamers.com/

点击后应该会回到页面顶部。

这是我的 jQuery 代码：

<script type="text/javascript">
jQuery.noConflict();
jQuery('a[href=#top]').click(function(){
        jQuery('html, body').animate({scrollTop:0}, 'slow');
        return false;
    });
</script>

问题：动画不流畅！我希望它慢慢滚动，而不是瞬间滚动。

像这样：http://designwoop.com/labs/smooth%20scroll/smooth-scroll.html

我错过了什么吗？

我正在使用 jQuery 1.8.3

【问题讨论】：

slow === 600ms，如果想要更平滑的效果，请将时间设置为高于600ms。
我设置为 5000 还是不流畅。这不可能是原因。
Brandon 看起来您的页面上有 js 错误，这可能会阻止其他脚本启动。

标签： javascript jquery

【解决方案1】：

您应该将您的代码放在文档就绪处理程序中，动画甚至不在您的页面上执行，锚点位于页面底部，而您的代码没有文档就绪位于页面顶部。

jQuery(document).ready(function(){
    jQuery('a[href=#top]').click(function(){
        jQuery('html, body').animate({scrollTop:0}, 'slow');
        return false;
    });
})

【讨论】：

救命稻草！非常感谢。 :-)