Css 滚动跳过h2

使用引导，我有一个

nav导航列表

如下：

<ul class="nav nav-list well hidden-phone hidden-tablet" data-spy="affix" data-offset-top="299">
        <li><a href="#about">About The Green Panda</a></li> 
        <li class="divider"></li>
        <li><a href="#logo">Logo & Brand</a></li> 
        <li class="divider"></li>
        <li><a href="#">Contact us</a></li> 
        <li class="divider"></li>
        <li><a href="#">Press</a></li> 
        <li class="divider"></li>
        <li><a href="#">Work With Us</a></li>
      </ul>

href

链接到页面上的

h2

。当你点击链接时，它跳过h2，当你滚动到它时不会显示它。我在这里创建了一个JS小提琴：

---

我想不出怎么解决这个问题。我相信这和固定导航栏有关，但我不知道它是什么。这就是我想要它做的（注意每个部分顶部的标题：

当浏览器滚动到你的H2时，它没有考虑到标题在上面浮动。你可以通过在H2上添加一些“填充顶部”来解决这个问题。尝试添加这个

---

h2{padding top:50px；}

看一看。在你的代码（你的小提琴）中，你有重复的ID（prependedInput）。你不应该这样做。你应该接受大卫的答案（可能是向上投票）。madth3：我发布这个解决方案是为了帮助我的问题的未来观众（网站的目的）我从来没有注意到你可以投票并接受提供的答案，自从你提到并实现了这些愿望后，我现在已经这样做了！感谢你通知我这种可能性，并愉快地编码：）