日期:2014-05-17  浏览次数:20634 次

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