平滑滚动到页面顶部

5年以前  |  阅读数:365 次  |  编程语言:JavaScript 

平滑滚动到页面顶部。

使用document.documentElement.scrollTopdocument.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()

Copyright© 2013-2020

All Rights Reserved 京ICP备2023019179号-8