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

2018-06-04 21:17:09

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

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

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

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

参数

x坐标是沿水平轴的像素。

y坐标是沿着垂直轴的像素。

如果你想要平滑滚动，请尝试如下所示：

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

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

试试这个在顶部滚动

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

链接地址: http://www.djcxy.com/p/15711.html