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(){//滚动
&n