宝哥软件园

js控制的回到页面顶端goTop的代码实现

编辑:宝哥软件园 来源:互联网 时间:2021-11-22

有没有见过很多在页面的右下角有个【回到顶端】的悬浮东东,并且在开始时没有,一移动滚动条就出现,回到了顶端又消失的样子。像:

控制的射流研究…代码如下:复制代码代码如下:函数GoToP(){ var _ BTN=document。GetElementBYid(' GoTop ');if(文档。文档元素文档。文档元素。向上滚动){ var _ con=document。文档元素;} else if(文档。正文){ var _ con=document。身体;}窗口。滚动=设置;_ BTN。风格。左=document.documentElement.scrollWidth/2 500 ' px ';_ BTN。onclick=function(){ _ BTN。风格。显示='无';窗户。滚动时=空;这个。timer=setInterval(function(){ _ con . scroll top-=math。ceil(_ con . scroll top * 0.3);if(_ con . scroll top==0)clearInterval(_ BTN。计时器,窗户。onscroll=set);},10);};函数集(){ _ BTN。风格。display=_ con .向上滚动?block ' : ' none } }文件。write(' div id= ' GoTop ' style= ' font-size :12 px;宽度:20 px高度:55px背景技术# 0950A2color: # fff线高:14 px位置:固定;bottom :30 pxdisplay : none cursor :指针指针;文本对齐:居中;padd :5 px 0;z索引:1;_ position : absolute _ top :表达式(eval(文档。兼容模式文档。compat mode== ' css1 compat ')?文档元素。向上滚动(文档元素。客户身高-这个。客户端高度)-30 :文档。尸体。向上滚动(文档。尸体。客户身高-这个。客户端高度)-30);'返br /回br /顶br /部/div ');窗户。on scroll=GoTop

更多资讯
游戏推荐
更多+