[英]anchor links referring to the page sections not working on browser refresh, back and forward
我制作了一个带有页面内链接的 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 的历史插件。 想要以基本格式创建它。
好的,经过多次尝试,我已经找到了方法。 现在这满足了我的目的,所以我继续使用这个解决方案。
$(window).on('hashchange', function ()
{
var top = $(window.location.hash).offset().top;
$(window).scrollTop(top);
});
这适用于前进和后退按钮。 为了刷新我们也需要做同样的事情。 从散列中获取元素并手动滚动到该元素。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.