Fatal编程技术网
  • twitter-bootstrap/
  • Twitter bootstrap 引导粘贴在底部滚动小故障（Chrome和Firefox）

Twitter bootstrap 引导粘贴在底部滚动小故障（Chrome和Firefox）

twitter-bootstrap google-chrome firefox

Twitter bootstrap 引导粘贴在底部滚动小故障（Chrome和Firefox）,twitter-bootstrap,google-chrome,firefox,affix,Twitter Bootstrap,Google Chrome,Firefox,Affix,具有两级标题的简单页面，其中第二级粘贴到顶部 以下是页面框架： 如果您将浏览器的大小调整到630px左右的高度并尝试向下滚动，您应该会注意到滚动故障。IE9没有问题，但Chrome和Firefox似乎受到了影响 非常感谢您的帮助：）当标题具有时，您可以偏移.contentdiv。应用了粘贴类： .header2.affix + .content { margin-top: 82px; } 在FF32和CH37中测试（抱歉，这台电脑上没有IE9虚拟机） 演示： 一些背景： 问题是一旦应用了

具有两级标题的简单页面，其中第二级粘贴到顶部

以下是页面框架：

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

非常感谢您的帮助：）

当标题具有
时，您可以偏移
.content
div。应用了粘贴
类：


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


在FF32和CH37中测试（抱歉，这台电脑上没有IE9虚拟机）

演示：



一些背景：
问题是一旦应用了
.affix
类，
.header2
div继承
位置：fixed
。这会使
.header.affix
div离开其在DOM中的位置，导致
.content
div立即捕捉到页面顶部并隐藏在（现在已固定的）
.header2
div下面