使用 JavaScript / jQuery 滚动到页面顶部？

我在页面上有一个<button> ，当按下这个按钮时，使用 jQuery 显示隐藏的<div> 。

如何使用该函数中的 JavaScript / jQuery 命令滚动到页面顶部？即使滚动条立即跳到顶部也是可取的。我不是在寻找一个平滑的滚动。

答案

如果您不需要更改动画，那么您不需要使用任何特殊插件 - 我只使用本机 JavaScript window.scrollTo 方法 - 传入 0,0 会立即将页面滚动到左上角。

window.scrollTo(x-coord, y-coord);

参数

如果你想要平滑滚动，尝试这样的事情：

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

这将采用任何<a>标签，其href="#top"并使其平滑滚动到顶部。

试试这个滚动到顶部

<script>
 $(document).ready(function(){
    $(window).scrollTop(0);
});
</script>