在页面内链接时，导航栏的位置固定覆盖H2

Question

我在页面顶部有一个导航栏，位置固定。栏中的链接转到同一页面下方的H2标签。但是，当选择链接时，链接栏将覆盖它链接到的H2标题。我知道这是因为导航不在其他元素的流动中。我该如何解决这个问题？

Answer 1

您可以在标题上使用锚点而不是ID，然后将锚点拉到标题上方：

http://jsfiddle.net/isherwood/uZ7n7

<a name="link2"></a>
<h2>Heading 2</h2>

.content a {
    margin-top: -80px;
    margin-bottom: -80px;
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
}

Answer 2

在没有看到任何代码的情况下，我唯一的建议是在被覆盖的元素上设置z-index。