<script type="text/javascript">

window.onload=function(){

var obtn=document.getElementById("btn");

//获取页面的可视区域的高度

var clientHeight=document.documentElement.clientHeight||document.body.clientHeight;

var timer=null;

var isTop=true;

obtn.onclick=function(){

if(timer){

clearInterval(timer);//开始定时器之前先清除定时器

}

//开启定时器

timer=setInterval(function(){

var osTop=document.documentElement.scrollTop||document.body.scrollTop;

var ispeed=Math.floor(-osTop/6);///速度由快到慢

isTop=true;

document.documentElement.scrollTop=document.body.scrollTop=osTop+ispeed;

console.log(osTop);

//滚动到顶部清除定时器

if(osTop==0){

clearInterval(timer);

}

},20);

}

window.onscroll=function(){

var osTop=document.documentElement.scrollTop||document.body.scrollTop;

if(osTop>=clientHeight){

obtn.style.display="block";

}else{

obtn.style.display="none";

}

//解决用户页面滚动到顶部过程中不想返回顶部，直接拖动滚动条到浏览的地方

if(!isTop){

clearInterval(timer);

}

isTop=false;

}

}

</script>

已解决