html - Twitter Bootstrap Affix：在页脚下消失

Question

我正在尝试使用 Affix，但我遇到了一些问题：当我向下滚动时 - 我的 affix div 部分消失在页脚下，这是一个jsbin 示例和代码。我怎样才能防止这种情况？

data-offset-bottom="anynumber"- 不工作。

Answer 1

这看起来更像是一个z-index问题。我相信您可以通过使用 CSS 对页脚应用更高z-index的值来解决此问题。.affix

例子：

z-index如果未设置则设置

yourFooter { position:absolute/relative/fixed /* a positioning is a must */ ; z-index: 300 }

然后只需将更高的 z-index 添加到.affixdiv。它已经有一个固定的定位，所以没有必要为此设置position。

注意：在计算 z-index 时，请先对所有内容进行测试，确保词缀不会开始出现在您modals和其他人的上方。

希望这有效。