Javascript 链接到id，但导航栏挡住了去路

我有一个导航栏，上面有指向带有

id=“about”

的文章的链接，但我的导航栏固定在顶部，因此当我单击链接时，我的导航栏位于章节标题的前面

我用这个解决了这个问题：

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

---

我怎样才能解决这个问题？有没有办法将

-100px

添加到您的href或类似内容中？

您可以在关于内容的上方添加一个类似的“假”锚定：

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

---

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

您可以在关于内容的上方添加一个类似于以下内容的“假”锚定：

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

---

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

您可以像这样尝试使用jquery：

$(document).ready(function() {
  $('a[href^="#"]').click(function() {
      var target = $(this.hash);
      $('html, body').animate({ scrollTop: target.offset().top-100 }, 1000);
  }
}

---

您可以像这样使用jquery：

$(document).ready(function() {
  $('a[href^="#"]').click(function() {
      var target = $(this.hash);
      $('html, body').animate({ scrollTop: target.offset().top-100 }, 1000);
  }
}

. 详细信息请参见scrollspy页面。你读了吗？可能是重复的。详细信息请参见scrollspy页面。你读过这个吗？可能是重复的