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

Question

如果你转到下面的bootstrap 3.0.3页面，并使用侧边栏导航转到从2.x迁移到3.0（一旦点击它有子字段），你可能会注意到h3标题文本＆ ＃34;从2.x迁移到3.0＆＃34;显示在顶部导航栏下方。但是，如果单击＆＃34;从2.x迁移到3.0＆＃34;下的子空白链接;在sidenavbar上，例如第一个，＆＃34; Major Class Changes＆＃34;，它跳转到此部分，但标题被顶部导航栏覆盖！

转到此处： http://getbootstrap.com/getting-started/

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

Answer 1

它对两个锚都做了同样的事情，但是更大的标题有更多margin-top可能无意中让它看起来很好。锚点将滚动窗口以使锚点即使在视口的顶部也是如此。使用position: fixed导航栏，导航栏将位于任何锚点上方，这些锚点的margin-top小于导航的高度。

这是h1#migration锚点，其光辉的45px上边距：

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

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