刷新页面先回到顶部，然后监听页面的滚动事件

Ideaing~

于 2022-07-06 11:23:31 发布

阅读量330

点赞数

文章标签：前端事件滚动

本文链接：https://blog.csdn.net/L_csdn123/article/details/125635961

版权

博客提及经常用到的场景是实现整个页面的滚动。围绕前端领域，聚焦于页面滚动这一关键操作。

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

mounted() {
	window.onbeforeunload = function() {						// 刷新的时候先使页面回到顶部
		document.body.scrollTop = 0
	},
	window.addEventListener('scroll',this.scrollEvent)		// 监听的滚动事件
},
destroyed() {
    window.removeEventListener("scroll", this.scrollEvent)     // 添加监听事件的记得销毁
  },

还有一个经常用到的是实现整个页面的滚动场景：

$("html, body").animate({ scrollTop:0 }, 300);