vue3实现按钮事件返回顶部

最新推荐文章于 2024-07-11 17:32:07 发布

时倾௸

最新推荐文章于 2024-07-11 17:32:07 发布

阅读量413

点赞数 1

分类专栏： vue3 文章标签： javascript 前端开发语言 vue.js

本文链接：https://blog.csdn.net/m0_46390103/article/details/127904330

版权

vue3 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

返回顶部函数（vue3）

   const timer = ref(null);
   const backTopFun = () => {
      cancelAnimationFrame(timer.value);
      timer.value = requestAnimationFrame(function fn() {
        let oTop =
          document.body.scrollTop || document.documentElement.scrollTop;
        if (oTop > 0) {
          scrollTo(0, oTop - 100);
          timer.value = requestAnimationFrame(fn);
        } else {
          cancelAnimationFrame(timer.value);
        }
      });
    };