在浏览器的默认行为中,会默认记住滚动位置,刷新后会回到之前的滚动位置,在一些场景中,会希望每次刷新都回到页面的最顶端。下面介绍下实现的方法。
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"
}
标签:滚动,位置,scrollRestoration,刷新,页面,history
From: https://www.cnblogs.com/wanna2leo/p/16607159.html