HTML simple lien d'ancrage ne fonctionne pas dans Chrome/Firefox

Question

Je fais une page de portefeuille ici (http://198.96.94.51/v2/) et en cliquant sur les liens navigationMenu sur le côté très rapidement, ils ne semblent pas rediriger vers la bonne ancre (certains d'entre eux ne déplacent pas la page du tout). J'ai initialisés mes balises d'ancrage comme celui-ci

<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> 

Mon code barre de navigation -

<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> 

Mais en cliquant sur la barre de navigation, ou même en tapant #Page dans la barre d'adresse ne ramènera pas le navigateur au sommet parfois. Y a-t-il quelque chose que je fasse mal?

Answer 1

Vous pouvez donner comme ceci: <a id="home" href="home.php">Home</a>

Answer 2

Ids identifier les points d'ancrage afin qu'ils doivent être uniques.

Mais si vous voulez simplement aller en haut de la page, vous devriez essayer une valeur # simple pour votre attribut href.

Un lien vers l'ID de par ex. une balise <div> vous conduirait à cette balise <div>.

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

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

ce violon montre: http://jsfiddle.net/aYGFR/1/