如何从页面 URL 中删除哈希值并在重新加载时重置窗口的偏移量

如何解决如何从页面 URL 中删除哈希值并在重新加载时重置窗口的偏移量

我对 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);

一个例子：

https://jsfiddle.net/praveen_tamil/s0qu8n2t/2/