前言:我们做回到顶部时,往往写着代码会导致交互动画僵硬,不美观。那么如何做出一个相对优雅的缓冲滑动动画呢,可以通过定时器来实现。那么接下来上代码:
let top = document.documentElement.scrollTop//获取点击时页面的滚动条纵坐标位置
const timeTop = setInterval(() => {
document.documentElement.scrollTop = top -= 50//一次减50往上滑动
if (top <= 0) {
clearInterval(timeTop)
}
}, 5)//定时调用函数使其更顺滑
就这几行搞定,学到了的麻烦小手点点给个赞呗