返回顶部动画
作者:
web佳 | 来源:发表于
2020-01-03 11:00 被阅读0次backTop(type) {
let timer = null;
const { htmlSize } = this;
console.log(htmlSize);
cancelAnimationFrame(timer);
timer = requestAnimationFrame(function fn() {
const scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
console.log(scrollTop);
if (scrollTop > 0) {
const gap = scrollTop - htmlSize;
document.body.scrollTop = gap;
document.documentElement.scrollTop = gap;
timer = requestAnimationFrame(fn);
} else {
cancelAnimationFrame(timer);
}
});
},
本文标题:返回顶部动画
本文链接:https://www.haomeiwen.com/subject/yqkzoctx.html
网友评论