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

Question

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

Answer 1

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

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