javascript - 链接到 id 但导航栏在路上

Question

我有一个导航栏，其中包含指向带有 id="about" 的文章的链接，但我的导航栏是固定顶部的，所以当我单击链接时，我的导航栏位于该部分标题的前面。

我用这个解决了这个问题:<span id="about" class="anchor"></span>

.main-content article .anchor{ 
    position: absolute;
    top: -106px;
}

但对于 scrollspy，我需要链接的 href 与我想要“scrollspy”的部分的 ID 相同，但我不能使用相同的 ID 两次。

我该如何解决这个问题？有没有办法去添加-100px到你的 href 或类似的东西？

Answer 1

您可以在您的关于内容上方添加这样的“虚假” anchor :

<div style="margin-top: -95px; position: absolute;" id="about"></div>

这将为您上面的部分添加边距，经过一些调整后，您可以更改 px 值以适合您的情况。