Js实现页面返回顶部功能(动画效果-缓慢)

最新推荐文章于 2022-09-28 21:29:31 发布

新手菜鸟add1

最新推荐文章于 2022-09-28 21:29:31 发布

阅读量2.2k

点赞数

分类专栏： js 前端文章标签：返回顶部

本文链接：https://blog.csdn.net/weixin_42739916/article/details/86622049

版权

js 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

前端

4 篇文章 0 订阅

订阅专栏

cancelAnimationFrame(timer);
     timer = requestAnimationFrame(function fn(){
     var oTop = document.body.scrollTop || document.documentElement.scrollTop;
     if(oTop > 0){
        document.body.scrollTop = document.documentElement.scrollTop = oTop - 20;    //可以调整数字明确放慢速度20->50,为0时为正常速度
        timer = requestAnimationFrame(fn);
     }else{
         cancelAnimationFrame(timer);
    } 
});