单页导航 - 在Wordpress菜单中使用锚标签时删除URL中的＃

Question

我有一个包含菜单标签的网站：主页，关于，工作，联系人。 我正在使用锚标签进行这一页导航。

但我不希望我的网址更新为这样的内容 - http://example.com/#about或../#work ..

每当我点击菜单选项卡并跳转到该页面的不同部分时，我只想要地址栏上的默认网址（http://example.com/）。 我不想更新地址栏。 我怎么能这样做？

非常感谢你！

Answer 1

为每个容器页面设置id（关于，工作等），然后像这样设置href

<a href="javascript:myscroll('about');">About</a>

然后使用此功能

<script type="text/javascript">
function myscroll(myID){
    var offset = jQuery("#"+myID).offset()
    window.scrollTo(0,offset.top);
}
</script>

Answer 2

你必须使用javascript才能实现这一目标。我不确定你可以在不改变网址的情况下做到这一点，但有：a nice way可以做到这一点。

如果您确实不想更改自己的网址，请查看this post