如何在导航菜单选项卡中创建锚定页面

时间: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);
    }
});

结束

相关推荐

Use menus with anchors

我有一个CPT归档页面,我想创建一个导航菜单,该菜单将跳转到表单中的锚定<a name=\"post-slug\" http=\"{the permalink goes here}>The CPT Title</a>我已经能够在模板文件中创建锚定,所以这不是问题对于页面顶部的链接本身,我可以手动创建它们,也可以使用WordPress菜单系统中的自定义链接。。。。但是有很多,所以我宁愿尝试在WordPress菜单系统中创建一个常规菜单。问题是,我需要以某种方式调整它的输出,以更改常规