在我页面的页脚中,有一些链接使用 anchor 标记(# 附加到页面的 URL)指向同一页面上的不同部分。
这工作正常,只是浏览器后退按钮不起作用:我无法从导航到锚定页面的位置返回到上一页。
这里的简单问题是,是否可以在定位页面中导航几次后返回上一页?如果是那么请你建议怎么做?
锚定页面:该页面有几个由 id 属性标记的部分,可以由末尾带有 #anchorId
的 URL 指向。
最佳答案
我也遇到了同样的问题见我的问题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);
});
这适用于前进和后退按钮。 对于刷新,您也需要做同样的事情。从散列中获取元素并手动滚动到该元素。
关于javascript - 浏览器后退按钮不适用于 anchor 链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27046851/