读书人

javascript弹性返回顶部代码

发布时间: 2013-03-04 17:22:12 作者: rapoo

javascript弹性回到顶部代码
谁能解释下每个方法的含义,详细说明下这段代码,在此谢谢了!
function goTopEx(){
var obj=document.getElementById("goTopBtn");
function getScrollTop(){
return document.documentElement.scrollTop;
}
function setScrollTop(value){
document.documentElement.scrollTop=value;
}
window.onscroll=function(){getScrollTop()>0?obj.style.display="":obj.style.display="none";}
obj.onclick=function(){
var goTop=setInterval(scrollMove,10);
function scrollMove(){
setScrollTop(getScrollTop()/1.1);
if(getScrollTop()<1)clearInterval(goTop);
}
}
}
简要发下html页面是这样的
<DIV style="DISPLAY: none" id=goTopBtn><IMG border=0 src="images/lanren_top.jpg"></DIV>
<SCRIPT type=text/javascript>goTopEx();</SCRIPT>
再问下这个goTopEx()方法有什么用,我觉得要不要都可以,但是实际如果去了,就不是那么回事了
[解决办法]
锚点不可以吗?
[解决办法]


function goTopEx(){ //封装整个实现滚动细节。

var obj=document.getElementById("goTopBtn");//

function getScrollTop(){//获取当前 滚动高度
return document.documentElement.scrollTop;
}

function setScrollTop(value){//设置当前 滚动高度(滚动)
document.documentElement.scrollTop=value;
}

window.onscroll=function(){getScrollTop()>0?obj.style.display="":obj.style.display="none";}// 当滚动到顶部的时候 ,自动隐藏按钮,(obj), 否则显示


obj.onclick=function(){// 绑定按钮点击事件,点击按钮滚动

var goTop=setInterval(scrollMove,10);//设置 每10毫秒滚动一次

function scrollMove(){//滚动
setScrollTop(getScrollTop()/1.1);//滚动到当前高度的 10/11


if(getScrollTop()<1)clearInterval(goTop);//当滚动到最高点时, 停止 每10毫秒滚动一次
}
}
}

goTopEx(); //前面只是定义,这里真正调用执行。

读书人网 >Java Web开发

热点推荐