1

我在这里制作了一个投资组合http://198.96.94.51/v2/页面navigationMenu（我已经像这样初始化了我的锚标签

<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 都不会将浏览器带回顶部。有什么我做错了吗？

4

2 回答 2

3

ID 标识锚点，因此它们必须是唯一的。

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

指向例如标签的 id 的链接<div>将引导您到该<div>标签。

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

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

这个小提琴向你展示：http: //jsfiddle.net/aYGFR/1/

于 2013-07-30T05:27:53.617 回答
0

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

于 2013-07-30T05:16:49.867 回答