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

Question

我的网站是单页网站，内容分为几个部分。这些部分之间的导航由列表完成，如下所示：

 <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> 

我希望网站的网址保持不变，并且在导航到每个部分时不要将锚点#One，#two等附加到URL。

据我所知，由于使用了<a href="#">标记，因此会附加锚点。在html或jquery或javascript中是否有另一种方法可以在各部分之间导航，以便URL不会发生变化？

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

Answer 1

您可以使用jquery执行此操作。http://lions-mark.com/jquery/scrollTo/ ScrollTo将为您执行相同操作而不更改URL。点击链接。

Answer 2

您可以向click个部分和hides个不同部分的每个锚点添加shows个事件。

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

实际更改URL的一个好处是它允许用户刷新页面而不会丢失他/她的当前位置。如果您保持URL相同并且用户刷新，则会返回默认页面。