使用JavaScript滚动到页面顶部？

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

当前回答

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

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、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

平滑动画的更好解决方案：

// this changes the scrolling behavior to "smooth"
window.scrollTo({ top: 0, behavior: 'smooth' });

参考：https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo#Example

2018-10-23 11:59:28

使用简单的css尝试这个解决方案，只需将css滚动行为：在html和body上平滑，就像我在css中应用的那样。就是这样

document.querySelector（'a'）.onclick=函数（）{window.srollTo（0,0）}html，正文{滚动行为：平滑；}一个{背景色：红色；颜色：#fff；边界半径：10px；边距：10px 0；显示：内联块；填充：10px 20px；}自从1500年代以来，Lorem Ipsum就一直是行业的标准伪文本，当时一位不知名的印刷商拿着一把打字机，把它弄乱，做成了一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行 自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行 自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行 自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行 自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行 自从15世纪以来，Lorem Ipsum一直是行业的标准伪文本，当时一个不知名的打印机拿着一盘打字机，将其打乱，制成一本打字样本书。它不仅存活了五个世纪，而且跨越了电子排版，基本保持不变。20世纪60年代，随着包含Lorem Ipsum段落的Letraset页的发布，以及最近的桌面出版软件Aldus PageMaker（包括Lorem Ipsum版本）的推出，它开始流行</p＞<a>滚动到顶部</a>

我希望这对你有很大帮助。请告诉我你的想法

2022-12-25 07:59:29

如果您想滚动到具有ID的任何元素，请尝试以下操作：

$('a[href^="#"]').bind('click.smoothscroll',function (e) {
    e.preventDefault();
    var target = this.hash;
    $target = $(target);
    $('html, body').stop().animate({
        'scrollTop': $target.offset().top
    }, 700, 'swing', function () {
        window.location.hash = target;
    });
});``

2013-09-19 15:01:15

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

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

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

2018-02-14 12:21:15

使用JavaScript滚动到页面顶部？

推荐文章

最新文章

标签