Anchor Tag落后于固定导航栏

Question

此锚点适用于Firefox但不适用于Chrome！我在页面顶部有一个固定的导航栏，因此前两行就在它后面。 Z-Index不是解决方案。

以下代码是文字段落：

    <a class="resume-anchor" name="experience">
            Text Here Text Here 
    </a>

可点击链接

    <a href="resume.html#experience">Experience</a>

CSS

    .resume-anchor {
        padding-top: 40px;
    }

有人可以帮我解决这个问题吗？

Answer 1

<a href="resume.html#experience">Experience</a>链接实际上是在寻找 ID #experience，而不是名称。

要解决此问题，您的第一个a link必须 ID experience为：

<a class="resume-anchor" id="experience">
    <!-- Text Here Text Here --> 
</a>

此外，就良好的语法而言，<a>元素指的是可点击链接，锚应直接瞄准您的文本块，如：

<p id="experience">
    <!-- Text Here Text Here -->
</p>

希望它有意义。