javascript - 在浏览器中按后退或前进按钮时，URL 会发生变化，但内容不会发生变化

Question

我继承的旧网站由 href#links 组成，用于在网站中导航。它相当大，所以我不想重新创建整个事情，尽管我知道#urls 不是最佳实践。一项必要的增强功能是在浏览器中启用后退和前进按钮，以便它们不仅会更改 URL(确实如此)，还会刷新页面以显示上一个/前进 URL 的内容。

如果有人能指出我实现这一目标的方向，我绝对会感激。

Answer 1

在页面加载一些 JavaScript 来查找 anchor ，然后滚动到它

var url = "www.website.com/#a1", idx = url.indexOf("#")
var hash = idx != -1 ? url.substring(idx+1) : "";

function scrollTo(hash) {
    location.hash = "#" + hash;
}