Question

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

如果您将浏览器的大小调整为大约630px的高度并尝试向下滚动，则应注意滚动故障。在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类，.header2 div就会继承position: fixed。这会将.header.affix div从DOM中移出，导致.content div立即捕捉到页面顶部并隐藏在（现在已修复的）.header2 div之下。 / p>