翻译正在进行中。
{DOMxRef("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';
}
规范
| 规范 | 状态 | 评论 |
|---|---|---|
| HTML Living Standard scroll restoration mode |
Living Standard | No change from HTML5. |
| HTML5 History.scrollRestoration |
Recommendation | Initial definition. |
浏览器兼容性
从结构化数据生成。如果您想对数据进行贡献，请查看https://github.com/mdn/browser-compat-data并向我们发送pull request这个t上的兼容性表能力这一页是
Update compatibility data on GitHub
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
scrollRestoration | Chrome Full support 46 | Edge Full support 79 | Firefox Full support 46 | IE No support No | Opera Full support 33 | Safari Full support Yes | WebView Android No support No | Chrome Android Full support 46 | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support 5.0 |
Legend
- Full support
- Full support
- No support
- No support