History.scrollRestoration
History 的接口——**滚动恢复属性**允许 web 应用程序在历史导航上显式地设置默认滚动恢复行为
语法
const scrollRestore = history.scrollRestoration
值
auto-
将恢复用户已滚动到的页面上的位置。
manual-
未还原页上的位置。用户必须手动滚动到该位置。
案例
查看当前页面滚动恢复行为
const scrollRestoration = history.scrollRestoration
if (scrollRestoration === 'manual') {
console.log('The location on the page is not restored, user will need to scroll manually.');
}
防止自动恢复页面位置
if (history.scrollRestoration) {
history.scrollRestoration = 'manual';
}
规范
| Specification |
|---|
| HTML Standard # dom-history-scroll-restoration-dev |
浏览器兼容性
BCD tables only load in the browser