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-event 上使用正文时可以使用<{3}}

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

Answer 3

我在这里工作jsFiddle。

将$('.iframe')更改为$('body') 你需要preventDefault()事件