let currentPosition, timer
timer = setInterval(() => {
// 获取页面当前位置与顶部的距离
currentPosition = document.documentElement.scrollTop || document.body.scrollTop
// 当前位置每次向上滚动指定距离
currentPosition -= 40
// 判断滚动之后,与顶部距离
if (currentPosition > 0) {
// 滚动之后距离仍大于,则调用此方法让页面滚动一次
window.scrollTo(0, currentPosition)
} else {
// 若滚动之后到达顶部,则页面滚动结束,并清除定时器
window.scrollTo(0, 0)
clearInterval(timer)
}
}, 10) // 定时器间隔,反映滚动流畅度,可适度修改 单位ms
定时器实现点击滚动到页面顶部
最新推荐文章于 2022-11-26 17:13:50 发布