在浏览器中按后退或前进按钮时，URL会更改，但内容不会更改

Question

我继承的旧版网站由href＃链接组成，可用于浏览网站。 它很大，所以即使我知道#url都不是最佳实践，我也不想重新创建整个内容。 必要的一项增强功能是在浏览器中启用后退和前进按钮，以便它们不仅可以更改URL（它确实如此），而且可以刷新页面以显示先前/前进URL的内容。

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

Answer 1

在页面上加载一些JavaScript，寻找锚点，然后滚动到它

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

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