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

Posted 2023-03-05

【中文标题】一页导航 - 在 Wordpress 菜单中使用锚标记时删除 url 中的 #

【英文标题】：One-page navigation - remove # in url when using anchor tags in Wordpress menu

【发布时间】：2014-10-06 10:17:23

【问题描述】：

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

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

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

非常感谢！

【参考方案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