您的位置：首页 > Web前端 > JavaScript

弹性返回顶部JS代码

2016-10-25 17:41 225 查看
css代码：#back-to-top{ position: fixed;  text-align: center;  line-height: 30px;  width: 30px;  bottom: 35px;  height: 33px; display:none}
html代码：<body style="text-align:center"><div style="display: none" id="back-to-top"><img border=0 src="images/top.jpg"></div><SCRIPT type=text/javascript>goTopEx();</SCRIPT></body>
JS代码：function goTopEx(){        var obj=document.getElementById("back-to-top");        function getScrollTop(){                return document.documentElement.scrollTop;            }        function setScrollTop(value){                document.documentElement.scrollTop=value;            }            window.onscroll=function(){getScrollTop()>100?obj.style.display="block":obj.style.display="none";}        obj.onclick=function(){            var goTop=setInterval(scrollMove,10);            function scrollMove(){                    setScrollTop(getScrollTop()/1.1);                    if(getScrollTop()<1)clearInterval(goTop);                }        }    }
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航