为了账号安全,请及时绑定邮箱和手机立即绑定

回到顶部代码

  1. <script type="text/javascript">
           window.onload=function(){
               var obtn=document.getElementById("btn");
               var timer=null;
               var isTop=true;
               var clientHeight=document.documentElement.clientHeight;

           window.onscroll=function() {//滚动条滚动时触发
               var osTop=document.documentElement.scrollTop||document.body.scrollTop;
               if(osTop>=clientHeight){
                   obtn.style.display="block";

               }
               else{
                   obtn.style.display="none";
               }

             if(!isTop){
                 clearInterval(timer);
             }
             isTop=false;
           };
           obtn.onclick=function(){
               timer=setInterval(function(){//设置定时器
                   var osTop=document.documentElement.scrollTop||document.body.scrollTop;
                   var sped=Math.floor( -osTop / 5);
                   document.documentElement.scrollTop=document.body.scrollTop =osTop+sped;
                   isTop=true;
                   if(osTop==0){
                       clearInterval(timer);
                   }

               },30);

           }
       }
   </script>

正在回答

举报

0/150
提交
取消
回到顶部效果
  • 参与学习       44222    人
  • 解答问题       206    个

回到顶部网站不可缺少的一部分,用JS实现炫酷拉风的回到顶部效果

进入课程

回到顶部代码

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信