主页 / computer / 问题 / 1853157
Accepted
shea
Asked: 2024-08-23 03:15:59 +0800 CST

Chrome - 刷新到锚点而不是最后一个滚动位置

  • 772

在最新的 Chrome（128.0.6613.85）和带有 ARM 的 MacOS（14.6.1）上，刷新 chrome 标签（无论是正常、硬刷新还是清空缓存和硬刷新）都会将页面重新加载到与刷新之前相同的位置。

我发现让 Chrome 跳回 URL 中指定的锚点的唯一方法是加载相同的域但加载到不同的锚点，然后切换回来。

有没有更快捷的方法（最好像刷新页面一样）返回到地址框中指定的锚点？

google-chrome

1 个回答

  1. Best Answer

    scrollRestoration该功能由History API 的属性定义，默认为auto，滚动到最后一个位置。

    您可以编写一个简短的用户脚本或扩展程序，利用上面页面中的代码，在您想要停止的页面上：

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

    这将禁用该行为。但是，浏览器可能仍不会滚动到锚点。据我所知，至少最新的 Chrome 在刷新后似乎始终停留在顶部。在这种情况下，您可以添加解决该问题的代码：

    const name = location.hash.substring(1); // get anything after `#` in URL
const elem = document.getElementById(name) || document.getElementsByName(name)[0]; // elements are scrollable to through both ID and name, ID is preferred by browsers
if (elem) {
  elem.scrollIntoView({ behavior: 'smooth' });
}
    • 1

相关问题