刷新时让滚动条回退到顶部

weixin_43795169

于 2020-05-27 11:12:09 发布

阅读量845

点赞数

分类专栏： js

本文链接：https://blog.youkuaiyun.com/weixin_43795169/article/details/106376563

版权

js 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现页面平滑滚动至顶部的方法。通过定时器和计算滚动条当前位置与顶部的距离，使页面能够以平滑的方式回到顶部，提高了用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;	 //获取当前滚动条与顶部的距离
var timer=setInterval(function(){
	var top=scrollTop/2
	document.documentElement.scrollTop-=top;   //每一段时间滚动一定的距离，直到滚动条回退到顶部 清除定时器
	if(document.documentElement.scrollTop<=0){
		clearInterval(timer);
	}
},5)