使用JavaScript滚动到页面顶部？

如何使用JavaScript滚动到页面顶部？滚动条立即跳到页面顶部也是可取的，因为我不希望实现平滑滚动。

当前回答

滚动到带有动画的页面顶部：

window.scrollTo({ top: 0, behavior: 'smooth' });

其他回答

所有这些建议都适用于各种情况。对于通过搜索找到此页面的人，也可以尝试一下。JQuery，没有插件，滚动到元素。

$('html, body').animate({
    scrollTop: $("#elementID").offset().top
}, 2000);

您可以简单地使用链接中的目标，例如#someid，其中#someid是div的id。

或者，您可以使用任何数量的滚动插件，使其更加优雅。

http://plugins.jquery.com/project/ScrollTo是一个例子。

你可以尝试在这个Fiddle中使用JShttp://jsfiddle.net/5bNmH/1/

在页脚中添加“转到顶部”按钮：

<footer>
    <hr />
    <p>Just some basic footer text.</p>
    <!-- Go to top Button -->
    <a href="#" class="go-top">Go Top</a>
</footer>

这将起作用：

window.srollTo（0，0）；

旧的#top可以做到这一点

document.location.href = "#top";

适用于FF、IE和Chrome

推荐文章