window.onload = function(){
	var btn = document.getElementById('btn');
	var clientHeight = document.documentElement.clientHeight; //获取可见区域
	var isTop=true;
	var timer=null;
	//滚动事件 如果滚动高度大于可见区域，则显示回到顶部的按钮
	
	window.onscroll = function(){
		var Top = document.documentElement.scrollTop || document.body.scrollTop;//滚动的高度
		if (Top>=clientHeight) {
			btn.style.display = "block";
		}
		else{
			btn.style.display = "none";
		}
		
        if (!isTop)
		{
			clearInterval(timer);
		}
		isTop = false;  
	}
	
	// 点击事件，当点击按钮时回到页面顶部
	btn.onclick = function(){		
		var timer=setInterval(function(){
			var Top = document.documentElement.scrollTop || document.body.scrollTop;//滚动的高度
			var speed = Math.floor(-Top/20);
			document.documentElement.scrollTop =document.body.scrollTop=Top+speed;
			isTop=true;
			if(Top==0){
				clearInterval(timer);
				}
			},30);
		
     }
			
}