javascript - 浏览器后退按钮不适用于 anchor 链接

Question

在我页面的页脚中，有一些链接使用 anchor 标记(# 附加到页面的 URL)指向同一页面上的不同部分。

这工作正常，只是浏览器后退按钮不起作用:我无法从导航到锚定页面的位置返回到上一页。

这里的简单问题是，是否可以在定位页面中导航几次后返回上一页？如果是那么请你建议怎么做？

锚定页面:该页面有几个由 id 属性标记的部分，可以由末尾带有 #anchorId 的 URL 指向。

Answer 1

我也遇到了同样的问题见我的问题anchor links referring to the page sections not working on browser refresh, back and forward

但我必须按照正常链接的工作方式进行操作，所以我所做的是通过从哈希中获取元素手动转到该部分。

$(window).on('hashchange', function () 
{
    var top = $(window.location.hash).offset().top;
    $(window).scrollTop(top);
});

这适用于前进和后退按钮。对于刷新，您也需要做同样的事情。从散列中获取元素并手动滚动到该元素。