滚动页面到顶部

平滑地滚动到页面顶部。

  • 使用 Document.documentElementDocument.bodyElement.scrollTop 获取距离顶部的距离。
  • 滚动距离顶部的一部分距离。
  • 使用 Window.requestAnimationFrame() 来动画滚动。
const scrollToTop = () => {
  const c = document.documentElement.scrollTop || document.body.scrollTop;
  if (c > 0) {
    window.requestAnimationFrame(scrollToTop);
    window.scrollTo(0, c - c / 8);
  }
};

scrollToTop(); // 平滑地滚动到页面顶部