手机版

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

版权声明:js控制的回到页面顶端goTop的代码实现是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。