2019-12-06
描述
平滑的滚动到页面顶部。
提示
- 使用
document.documentElement.scrollTop
ordocument.body.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();
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于