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

Question

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

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

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

任何帮助表示赞赏:)

Answer 1

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

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

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

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

---

一些背景：

问题是一旦应用了.affix 类，.header2 div 就会继承position: fixed。这会将.header.affix div 移出它在DOM 中的位置，导致.content div 立即捕捉到页面顶部并隐藏在（现已修复）.header2 div 之下。