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

Question

我有一个带有菜单选项卡的站点:主页、关于、工作、联系方式。我正在为这个单页导航使用 anchor 标记。

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

每当我单击菜单选项卡并跳转到该页面的不同部分时，我只需要地址栏上的默认 url ( 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>