单页导航 - 在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>