Javascript 在同一页面的不同部分之间导航时保持网站的URL不变？

我的网站是一个单页网站，内容分为多个部分。这些部分之间的导航通过以下列表完成：

 <ul>
    <li class="current"><a href="#Zero"></a></li>
    <li><a href="#One"></a></li>
    <li><a href="#Two"></a></li>
    <li><a href="#Three"></a></li>
    <li><a href="#Four"></a></li>
 </ul> 

我希望网站的URL保持不变，并且在导航到每个部分时，不要将锚定#1、#2等附加到URL

据我所知，由于使用了

标记，锚定被追加。在html、jquery或javascript中是否有其他方法在各个部分之间导航，以便URL不会更改

---

我使用点样式导航来导航到部分，过渡是淡入淡出样式过渡。

您可以使用jquery来实现这一点。ScrollTo将为您执行相同的操作，而不更改URL。点击链接。

您可以向每个锚定添加一个事件，该锚定包含多个部分和不同部分

$(document).ready(function() {
    $('#firstLink').click(function() {
        // hide and show
        return false; // cancel the href navigation
    });
});

---

实际更改URL的一个优点是，它允许用户刷新页面而不会丢失其当前位置。如果您保持URL不变并且用户刷新，他们将返回默认页面。

谢谢。这些部分的转换是淡入淡出，我使用的是点式导航，因此是列表。在这种情况下，上述解决方案可能不起作用，对吗？我不太擅长jquery/javascript，一直在搜索一个示例代码/示例，可以帮助我编写本例中的代码。你能分享一个使用你以上建议的例子吗？另外，我希望保持URL不变，因为我希望在刷新时将用户重定向到主页，而不是在同一个部分。谢谢，我将尝试这个。我一直看不到示例代码。