美文网首页
返回顶部动画

返回顶部动画

作者: 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