返回顶部

来源:互联网 发布:苹果手机还原网络 编辑:程序博客网 时间:2024/05/17 03:38
<div style="display: none" id="goTopBtn"><img border="0" src="<%=request.getContextPath() %>/images/5-120601160002-50.png" /></div> <script type=text/javascript>goTopEx();</script> 


// 返回顶部function goTopEx() { var obj = document.getElementById("goTopBtn"); function getScrollTop() { return document.documentElement.scrollTop + document.body.scrollTop; } function setScrollTop(value){ if (document.documentElement.scrollTop){ document.documentElement.scrollTop = value; }else{ document.body.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); }} } 

/*返回顶部按钮样式*/#goTopBtn {position: fixed;text-align: center;line-height: 30px;width: 30px;bottom: 35px;height: 33px;font-size: 12px;cursor: pointer;right: 100px;_position: absolute;_right: auto}


0 0
原创粉丝点击