History.scrollRestoration

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

History 的接口——**滚动恢复属性**允许 web 应用程序在历史导航上显式地设置默认滚动恢复行为

语法

const scrollRestore = history.scrollRestoration

auto

将恢复用户已滚动到的页面上的位置。

manual

未还原页上的位置。用户必须手动滚动到该位置。

案例

查看当前页面滚动恢复行为

js
const scrollRestoration = history.scrollRestoration;
if (scrollRestoration === "manual") {
  console.log(
    "The location on the page is not restored, user will need to scroll manually.",
  );
}

防止自动恢复页面位置

js
if (history.scrollRestoration) {
  history.scrollRestoration = "manual";
}

规范

Specification
HTML Standard
# dom-history-scroll-restoration-dev

浏览器兼容性

BCD tables only load in the browser