twitter-bootstrap - 底部滚动故障上的引导词缀（Chrome 和 Firefox）

Question

带有 2 级标题的简单页面，其中第 2 级位于顶部。

这是页面框架：http: //jsbin.com/cimobirimisi/9

如果您将浏览器的大小重新调整到大约 630 像素的高度并尝试向下滚动，您应该会注意到滚动故障。在 IE9 中没有问题，但 Chrome 和 Firefox 似乎受到了影响。

任何帮助表示赞赏:)

Answer 1

.content当标题.affix应用了类时，您可以偏移div：

.header2.affix + .content {
  margin-top: 82px;
}

在 FF32 和 CH37 中测试（此 PC 上没有 IE9 VM，抱歉）

演示：http: //jsbin.com/cimobirimisi/15/

---

一些背景：

问题是一旦.affix应用了类，.header2div 就会继承 position: fixed. 这会使.header.affixdiv 离开其在 DOM 中的位置，导致.contentdiv 立即捕捉到页面顶部并隐藏在（现已修复的）.header2div 下方。