Bootstrap静态导航栏涵盖

Question

我似乎有关于导航栏覆盖内容的类似问题，但我的问题是有时会覆盖内容，有时会根据我所在的部分正确显示。

网站：http://www.torhatch.co.uk/index-tor.html

问题：

我有一个Bootstrap静态导航栏，有时会正确显示这些部分，有时会覆盖该部分的顶部。

当首次加载网站并点击任何部分（例如关于）时，该部分的顶部将被覆盖（尽管主体填充顶部为50px）。如果我点击Home（我的第一部分），然后点击此处的另一部分，也会发生这种情况。

当我已经在其他部分之一（例如关于）并且我点击任何部分时，它们会正确显示（即没有内容被覆盖）。

即当从第一部分中选择部分时，导航栏仅覆盖内容。

此外，当我在第一部分（Home）并再次单击Home时，导航栏将消失。

我认为它与affix-top有关但我无法找到什么。

谢谢！

Answer 1

1. 编辑您的顶级div：

   <div class="navbar navbar-custom navbar-inverse navbar-fixed-top affix-top" id="nav">
   

为：

     <div class="navbar navbar-custom navbar-inverse navbar-fixed-top" id="nav">

1. 删除样式：

   position: static;
   

来自id nav（#nav）的

。我不认为这个id是必需的，但如果你在你的js中使用它，请保留它。