前端之家收集整理的这篇文章主要介绍了
原生js实现返回顶部缓冲效果,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
运行原理@H_404_2@
通过定时器30毫秒执行一次滚动条上升,每次上升的高度为当前高度的80%,这样就达到了上升缓冲的动画效果。
判断当滚动条高度超过一屏时,按钮显示,默认隐藏
知识要点@H_404_2@
获取滚动条高度 需要写兼容
clientHeight//可视窗口高度 需要写兼容
setInterval//定时器
window.onscroll//滚动触发事件