简易返回顶部按钮

最新推荐文章于 2024-07-31 16:16:55 发布

weixin_43843044

最新推荐文章于 2024-07-31 16:16:55 发布

阅读量198

点赞数 1

本文链接：https://blog.csdn.net/weixin_43843044/article/details/86062721

版权

                        
                    
  我是导航 
 
 	</div>
	<button>返回顶部</button>
	<script type="text/javascript">
		var obtn=document.getElementsByTagName("button")[0];
		var t=document.documentElement.scrollTop || document.body.scrollTop;
		obtn.onclick=function(){
			speed=30;

			time=setInterval(function(){
				document.documentElement.scrollTop-=speed;
				if (document.documentElement.scrollTop<500) {
					speed=10;
				}
				if (document.documentElement.scrollTop<=0) {
					clearInterval(time);
				}
			},10)
			
		}
	</script>
</body>
 