当有一个固定的导航栏时，跳转到页面的不同部分

Question

所以我已成功通过引用ID的按钮跳转到页面的不同部分

<button id="niftyBtn"><a href="#nifty">Things</a></button></br>
<div id="nifty">Blah</div>

我有几个，他们都去了页面的正确部分。 问题是，页面中包含一个我无法更改的固定导航，并且这些部分的顶部位于导航栏后面而不是导航栏下面。

我曾尝试使用joffery解决方案的几种不同变体，我看过使用.offset（），但它们都没有效果。感谢任何输入

注意：当我使用jQuery或javascript跳转部分而不是href标签时，它的行为完全相同。

Answer 1

你不需要一个javascript解决方案，就像这样简单：

h2:before,h3:before,h4:before {
    content: " ";
    display: block;
    visibility: hidden;
    margin-top: -7em;
    height: 7em;
}

当然，这些是用于标题，但您可以使用类或ID替换相同的效果。当然，必须修改测量值。

BTW，您为什么要使用<button>来换行<a>？该代码应为<a href="#nifty">Things</a></br>，如果您希望它看起来像一个按钮，请将其设置为按钮样式。