如何在导航菜单选项卡中创建锚定页面 时间:2015-04-03 作者:Corey 在我的标题导航中,我想要一个菜单选项卡来引导用户打开一个页面,并直接将他们带到该页面中的定位点。有人知道我如何在WordPress中实现这一点吗?谢谢 2 个回复 SO网友:mukto90 使用在导航菜单中添加此页面链接#target_point, 实例http://example.com/contact#location_map然后在该页面的某个位置添加一个锚定点,并使用该锚定点。类似于<a name="location_map"></a>现在,当有人单击此菜单时,他将被引导到联系人页面的这一特定部分。 SO网友:Ricardo Andres 如果您只想将用户立即引导到定位点,那么您应该使用mukto90的解决方案。但是,如果您希望用户到达一个页面,然后让它自动滚动到定位点,则需要添加SmoothScroll jQuery 以及:$(\'a[href^="#"]\').on(\'click\', function(event) { var target = $(this.href); if( target.length ) { event.preventDefault(); $(\'html, body\').animate({ scrollTop: target.offset().top }, 1000); } }); 结束 文章导航