Question

我在这里制作了一个投资组合页面（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，有时候浏览器就不会回到顶端。有什么我做错了吗？

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简单锚链接在Chrome / Firefox中不起作用

2 个答案: