滚动页面到顶部
平滑地滚动到页面顶部。
- 使用
Document.documentElement
或Document.body
和Element.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(); // 平滑地滚动到页面顶部