Question

我的导航链接工作正常（服务 - ＆gt;猎头/猎头等）但导航下方图标上的锚点链接不起作用。当我把url（包括标签）放到一个新的浏览器窗口时，它工作正常）所以我不明白为什么它不能从图标（甚至图标下面的文本，但它来自主导航）工作。有什么想法吗？

http://www.mapthemarket.co.uk

Answer 1

我在该页面的源代码中看不到任何锚点。菜单中的链接使用某种Javascript进行滚动。

这是你用HTML制作锚点的方法：

<a href="#headhunting">Link to headhunting anchor</a>
<h3 id="headhunting">This is my headhunting section where the above link jumps to</h3>

Answer 2

您的一个脚本（this one）会根据类更改链接的行为。顶部的链接有类，即以menu-item开头，见下文：

<div class="second"><div class="inner">
  <ul>
    <li id="nav-menu-item-1496" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home "><a href="http://www.mapthemarket.co.uk/#headhunting" class=""><i class="menu_icon fa blank"></i><span>Headhunting/Executive Search</span><span class="plus"></span></a></li>
 ...

为了获得相同的行为，我建议你从顶部的链接中复制这些类，并将它们放在不起作用的链接上。像你一样需要包含类{{1}的包装div }。

尝试将部分代码添加到jsfiddle，以便社区更轻松地为您提供帮助。

为什么这些锚链不起作用？

2 个答案: