css代码:
#back-to-top{
position: fixed;
text-align: center;
line-height: 30px;
width: 30px;
bottom: 35px;
height: 33px;
display:none
}
<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.οnscrοll=function(){getScrollTop()>100?obj.style.display="block":obj.style.display="none";}
obj.οnclick=function(){
var goTop=setInterval(scrollMove,10);
function scrollMove(){
setScrollTop(getScrollTop()/1.1);
if(getScrollTop()<1)clearInterval(goTop);
}
}
}