jquery scrollTop with animation

Question

我试图在页面底部放置一个简单的“滚动到顶部”按钮，使用平滑滚动到顶部。我读过的所有内容都说这应该是使用“animate（{scrollTop}）”脚本的简单方法。但是，它总是直接跳到顶部，跳过滚动动画。

脚本：

$('#jump').click(function(){ 
    $('body, html').animate({ 
     scrollTop: 0px 
    }, 600); 
}); 

和HTML标签（包括万一风格标签）：

<a href="#" id="jump" style="position:absolute; bottom:10px; right:10px">scroll to top</a> 

这里有一个的jsfiddle展示了同样的问题的删节版：http://jsfiddle.net/5V5Tf/

这似乎是一个直截了当的问题......图我只是心不在焉，错过了一些明显的东西。

感谢

Answer 1

的问题是，你的链接仍然有它的href，因为它的行为就像一个正常的链接。在你的标记中删除href="#"，你应该是金色的。否则，您需要在点击锚点生成的事件上调用preventDefault()。

编辑：这是一个modified version of your fiddle与它的工作。

Answer 2

作品，当你在的onclick事件与体工作：http://jsfiddle.net/TPwpK/

$('#jump').click(function(){ 
    $('body').animate({'scrollTop': '0'}, 300); 
}); 

Answer 3

我在这里工作jsFiddle。

改变$('.iframe')到$('body') ，你需要preventDefault()事件