一页导航 - 在 Wordpress 菜单中使用锚标记时删除 url 中的 #答案

【问题标题】：One-page navigation - remove # in url when using anchor tags in Wordpress menu一页导航 - 在 Wordpress 菜单中使用锚标记时删除 url 中的 #
【发布时间】：2014-10-06 10:17:23
【问题描述】：

我有一个带有菜单选项卡的网站：主页、关于、工作、联系人。我正在为这个单页导航使用锚标签。

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

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

非常感谢！

【问题讨论】：

标签： html css wordpress menu anchor

【解决方案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>

【讨论】：

我认为您可以在 wordpress 的菜单页面上创建自己的主菜单
是的，我可以在 WordPress 的菜单页面上创建带有锚标签的自定义链接。但我想删除 url 中的 #。
这样你就可以通过html创建你的菜单并使用我的方法或观察这个网站hayaliisler.com你想要什么
我想通了！谢谢，你们的帮助！ :)

【解决方案2】：

您必须使用 javascript 来实现这一点。我不确定您是否可以在不更改 url 的情况下做到这一点，但有：a nice way 可以做到这一点。

如果您真的不想更改您的网址，请查看this post

【讨论】：