使用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

其他回答

这样做不需要jQuery。一个标准的HTML标记就足够了。。。

<div id="jump_to_me">
    blah blah blah
</div>

<a target="#jump_to_me">Click Here To Destroy The World!</a>

2009-07-17 18:51:12

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

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

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

2009-07-17 18:09:20

这将起作用：

window.srollTo（0，0）；

2018-04-19 05:13:56

平滑滚动，纯javascript：

(function smoothscroll(){
    var currentScroll = document.documentElement.scrollTop || document.body.scrollTop;
    if (currentScroll > 0) {
         window.requestAnimationFrame(smoothscroll);
         window.scrollTo (0,currentScroll - (currentScroll/5));
    }
})();

2015-05-29 10:49:04

以上答案在SharePoint 2016中都不起作用。

必须这样做：https://sharepoint.stackexchange.com/questions/195870/

var w = document.getElementById("s4-workspace");
w.scrollTop = 0;

2018-02-14 12:21:15

使用JavaScript滚动到页面顶部？

推荐文章

最新文章

标签