锚链接指的是不在浏览器刷新，后退和前进的页面部分

Question

我制作了一个带有页面内链接的html页面。

<div>
<a href="#first">first</a>
<a href="#second">second</a>
<div id="first">First div</div>
<div id="second">Second div</div>
</div>

但是这段代码不适用于页面刷新和浏览器后退和前进按钮。 有谁知道如何解决这个问题。我不是在寻找html5的历史api和jquery的历史插件。想要以基本格式创建它。

Answer 1

好的，经过多次尝试，我发现了如何做到这一点。现在这处理我的目的所以我继续这个解决方案。

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

这适用于前进和后退按钮。为了刷新，我们也需要做同样的事情。从哈希中获取元素并手动滚动到该元素。