问题描述
我对 html 的锚元素有问题。当我重新加载页面时,URL 继续使用锚元素的哈希值,并且窗口偏移量不会回到顶部。我认为浏览器知道这是一个新页面,因此不会重新加载到窗口的原始偏移位置。这是我的代码:
<nav class="desktopMenu">
<ul>
<a href="#home">
<li>Home</li>
</a>
<a href="#about">
<li>About</li>
</a>
<a href="#abilities">
<li>Abilities</li>
</a>
<a href="#gameplay">
<li>Gameplay</li>
</a>
</ul>
</nav>
因此,我尝试使用以下方法清除 URL 中的哈希值:
window.location.hash = '';
$(window).offset().top = 0;
它会清除哈希之后的内容,但不会重置窗口偏移量。
解决方法
您可以通过以下方式滚动到页面顶部:
$([document.documentElement,document.body]).animate({
scrollTop: 0
},0);
一个例子: