刷新页面不记住滚动位置

在浏览器的默认行为中,会默认记住滚动位置,刷新后会回到之前的滚动位置,在一些场景中,会希望每次刷新都回到页面的最顶端。下面介绍下实现的方法。

history.scrollRestorationAPI

MDN:https://developer.mozilla.org/zh-CN/docs/Web/API/History/scrollRestoration

语法

const scrollRestore = history.scrollRestoration
Copy to Clipboard

auto将恢复用户已滚动到的页面上的位置。manual未还原页上的位置。用户必须手动滚动到该位置。

只需要将下面的代码插入页面代码中即可

if(history.scrollRestoration){
	history.scrollRestoration = "manual"
}
posted @ 2022-08-20 09:17  chenSee  阅读(88)  评论(0编辑  收藏  举报