一个简单的弹性返回顶部射流研究…代码实现介绍

昨天做了一个这样的功能，贴出来参考HTML/JS/CSS代码：复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；字符集=GB 2312/标题弹性返回顶部射流研究…代码/title脚本类型='text/javascript '函数GoTopex(){ var obj=document。GetElementByID(' GoTobtn ')；函数getscroll top(){返回文档。文档元素。滚动顶部文档。尸体。滚动顶部；}函数setScrollTop(值){ if(文档。文档元素。向上滚动){文档。文档元素。滚动顶部=值；} else { document。尸体。滚动顶部=值；} }窗口。onscroll=function(){ getscrolltop()^ 0？物体。风格。显示=' : obj。风格。显示='无'；} obj。onclick=function(){ var GoTop=set interval(滚动移动，10)；函数scroll move(){ setscroll top(getscroll top()/1.1)；if(getScrollTop)(1)clearInterval(GoTop)；} } }/脚本样式BODY { height : 3600 px } # GoToPtn { position :固定；文本-对齐：中心；线高： 30px宽度： 30pxbottom : 35pxhArthy : 33px font-SiZe : 12px；CURSOR:指针；RIGHT: 0px_position:绝对值；_ right : auto }/style/head body style=' text-align : center ' div style=' display : none ' id=' goTopBtn ' img border=0 src=' http :/$ { RES }/img/go _ to _ top。png '/div脚本类型=text/JavaScript goto PEX()；/script br/br/br/br/br/br/br/p/p PP超出首屏范围，即会出现顶端按钮，否则自动隐藏br//p/p/p/body/html效果图：页面滚动条处于低端1、

2、点击回到顶部，并且隐藏掉