侧边栏导航和顶部导航栏冲突

Question

如果您转到引导程序 3.0.3 的以下页面，并使用侧边栏导航转到从 2.x 迁移到 3.0（单击后会有子字段），您可能会注意到 h3 标题文本“从 2.x 迁移到 3.0" 很好地显示在顶部导航栏下方。但是如果你点击侧导航栏上“Migrating from 2.x to 3.0”下的subnav链接，比如第一个“Major Class Changes”，会跳转到这个部分，但是标题被顶部导航栏遮住了！

去这里： http://getbootstrap.com/getting-started/

我无法弄清楚它是如何为父导航链接正确执行此操作的，而不是子导航链接。我想让它也适用于子链接。

Answer 1

它对两个锚点做同样的事情，但较大的标题有更多的margin-top，这可能会无意中使它看起来不错。锚点将滚动窗口以将锚点放置在视口的顶部。使用position: fixed 导航栏，导航栏将位于margin-top 小于导航高度的任何锚点之上。

这是h1#migration 锚点，其上边距为 45 像素：

这是h2#migration-classes，其上边距为 0px：

单击锚点时两者都滚动到视口顶部，但h2 位于position: fixed 导航下方。