HTML简单锚链接在Chrome/Firefox中不起作用

我在这里制作了一个投资组合页面（http://198.96.94.51/v2/），同时点击侧面的navigationMenu链接非常快，但它们似乎没有重定向到正确的锚点（其中一些根本不移动页面）。我初始化我的锚标签这样HTML简单锚链接在Chrome/Firefox中不起作用

<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到地址栏不会带来浏览器后退有时候到顶端。有什么我做错了吗？

来源

2013-07-30 Narabhut

哪里是在标签href属性？ –

添加了导航栏信息 – Narabhut

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

来源

2013-07-30 05:16:49

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

但是，如果您只想进入页面的顶部，您应该尝试一个简单的#作为您的href属性的值。

指向例如一个<div>标签会导致你到这个<div>标签。

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

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

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

来源

2013-07-30 05:27:53

HTML简单锚链接在Chrome/Firefox中不起作用

回答

相关问题