Saber2pr's Blog

返回网页顶部

使用锚点定位

在 body 下放个隐藏的锚点标记:

<a id="top"></a>

在网页底部放一个访问链接:

<a href="#top">返回顶部</a>

点击返回顶部页面会定位到 a#top 位置。

scrollTop

document.documentElement.scrollTop = 0

scrollTo

scrollTo(0, 0)

scrollBy

window.scrollBy({ top: -document.documentElement.scrollTop })

options 参数

平滑滚动

window.scrollBy({
  top: -document.documentElement.scrollTop,
  behavior: "smooth"
})