zl程序教程

您现在的位置是:首页 >  前端

当前栏目

javascript回到顶部效果的实现代码

JavaScript代码 实现 效果 顶部 回到
2023-06-13 09:15:17 时间

复制代码代码如下:


//speed滚动速度time时间间隔
functiongotoTop(speed,time){

   speed=speed||0.1;
   time=time||16;

   //滚动条到页面顶部的水平距离
   varx=document.body.scrollLeft;

   //滚动条到页面顶部的垂直距离
   vary=document.body.scrollTop;

   //滚动距离=目前距离/速度,因为距离原来越小,速度是大于1的数,所以滚动距离会越来越小
   speed++;
   window.scrollTo(Math.floor(x/speed),Math.floor(y/speed));

   //如果距离不为零,继续调用迭代本函数
   if(x>0||y>0){

       window.setTimeout("gotoTop("+speed+","+time+")",time);
   }
}