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

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

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

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

1 个答案: