<!DOCTYPE html>
<html lang="en">
<head>
<style>
#btn1 {position:fixed; bottom:0; right:0;}
body{
height: 2000px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無(wú)標(biāo)題文檔</title>
<script>
window.onload=function (){
oBtn=document.getElementById("btn1");
var timer=null;
var bSys=true;//是系統(tǒng)自動(dòng)讓滾動(dòng)的
//這是滾動(dòng)條滾動(dòng)的時(shí)候谅年，來(lái)檢查是人為滾動(dòng)還是系統(tǒng)滾動(dòng)
window.onscroll=function () {
if(!bSys){
clearInterval(timer);
}
bSys=false;
}
oBtn.onclick=function () {
/timer= setInterval(function () {
var browser=document.documentElement||document.body;
var scllTop=browser.scrollTop||browser.scrollTop;
var iSpeed=Math.floor(-scllTop/8);//向下取整
if( browser.scrollTop==0){
clearInterval(timer);
}
bSys=true;
browser.scrollTop=scllTop+iSpeed;
},30);這樣寫(xiě)可能會(huì)遇到兼容性問(wèn)題黄绩，至于為什么歡迎大神補(bǔ)充魔慷，我是沒(méi)看出來(lái)怨绣，在我們的項(xiàng)目中確實(shí)不可以伐憾，/
timer= setInterval(function () {
var scllTop=document.documentElement.scrollTop||document.body.scrollTop;
var iSpeed=Math.floor(-scllTop/8);//向下取整
if( scllTop.scrollTop==0){
clearInterval(timer);
}
bSys=true;
if(document.body.scrollTop){
/* alert("ie");/
document.body.scrollTop=scllTop+iSpeed;
}else{
/ alert("火狐");*/
document.documentElement.scrollTop=scllTop+iSpeed;
}
},30);
}
};
</script>
</head>
<body>
1<br />2<br />3<br />4<br />5<br />6<br />7<input id="btn1" type="button" value="回到頂部" />
</body>
</html>