HTML简单的锚链接无法在Chrome / Firefox浏览器(HTML simple ancho

我在这里做一个投资组合页面（ http://198.96.94.51/v2/ ），并同时在点击navigationMenu上的侧连杆的真快，他们似乎并不重定向到适当的锚（他们中的一些别T移至页面的话）。 我初始化我的锚标签这样的

<ol class="curtains">
    <li id="home" class="cover">
        <a id="home"></a>
        <header data-fade="550" data-slow-scroll="3">
            <h1>John Smith</h1>
            <h2>HOBBY/JOB TITLE</h2>
        </header>
    </li>
</ol>

我的导航栏的代码 -

<ul id="navigationMenu">
    <li>
        <a class="home" href="#home">
            <span>Home</span>
        </a>
    </li>
    <li>
        <a class="about" href="#about">
            <span>About</span>
        </a>
    </li>
    <li>
         <a class="projects" href="#projects">
            <span>Projects</span>
         </a>
    </li>
    <li>
        <a class="resume" href="#resume">
            <span>Resume</span>
        </a>
    </li>
    <li>
        <a class="contact" href="#contact">
            <span>Contact us</span>
        </a>
    </li>
</ul>

但是，仅仅点击导航栏，甚至打字#home到地址栏不会带来浏览器重回巅峰的时候。 有什么我做错了吗？

Answer 1:

IDS识别锚点所以他们必须是唯一的。

但是，如果你只是想转到页的顶部，你应该尝试一个简单的#为您的href属性值。

以如的ID的链接<div>标签将导致你这个<div>标记。

<a href="#anchor"></a>

<div id="anchor"></div>

此琴告诉您： http://jsfiddle.net/aYGFR/1/

Answer 2:

你可以给这样的： <a id="home" href="home.php">Home</a>

文章来源: HTML simple anchor link doesn't work in Chrome/Firefox