弹性返回顶部JS代码

css代码:

<style type="text/css">
body {height: 3600px;text-align:center;}
#goTopBtn {
    position: fixed; text-align: center; 
    line-height: 30px; width: 30px; bottom: 35px; height: 33px; 
    font-size: 12px; cursor: pointer; right: 0px; _position: absolute; _right: auto;
}
</style>

js代码:

<script type="text/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);
        }
    }
}
</script>

html代码:

<div style="display: none" id=goTopBtn>
    <img border=0 src="http://a3.work/_/img/png/arrow_up.png">
</div>
<script type=text/javascript>goTopEx();</script>

demo 效果展示:  弹性返回顶部

demo 代码下载:  弹性返回顶部

密码: cfen