使用JavaScript滚动到页面顶部？

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

当前回答

如果您想设置滚动动作的动画，则不需要javascript、event！

CSS:

html {
    scroll-behavior: smooth;
}

HTML格式：

<html>
  <body>
     <a id="top"></a>
     <!-- your document -->
     <a href="#top">Jump to top of page</a>
  </body>
</html>

2020-12-13 09:26:53

其他回答

$（文档）.sollTop（0）；同样有效。

2012-07-31 20:53:52

非jQuery解决方案/纯JavaScript：

document.body.scrollTop = document.documentElement.scrollTop = 0;

2014-01-30 16:25:04

如果您想设置滚动动作的动画，则不需要javascript、event！

CSS:

html {
    scroll-behavior: smooth;
}

HTML格式：

<html>
  <body>
     <a id="top"></a>
     <!-- your document -->
     <a href="#top">Jump to top of page</a>
  </body>
</html>

2020-12-13 09:26:53

只需尝试，不需要其他插件/框架

document.getElementById（“jarscoolbtn”）.addEventListener（“单击”，jarsrollfunction）；函数jarrollfunction（）{var body=document.body；//对于Safarivar html=document.documentElement；//Chrome、Firefox、IE和Operabody.scrollTop=0；html.scrollTop=0；}<button id=“jarscoolbtn”>滚动内容</button>html，正文{滚动行为：平滑；}

2019-03-26 13:01:02

如果你不需要更改动画，那么你就不需要使用任何特殊的插件——我只需要使用原生JavaScript window.scrollTo（）方法——传入0，0将立即将页面滚动到左上角。

window.scrollTo(xCoord, yCoord);

参数

xCoord是沿水平轴的像素。yCoord是沿垂直轴的像素。

2009-07-17 18:42:35

使用JavaScript滚动到页面顶部？

推荐文章

最新文章

标签