Twitter Bootstrap Affix：在页脚下消失

Question

我正在尝试使用Affix，但我遇到了一些问题：当我向下滚动时 - 我的词缀div部分消失在页脚下，这里是jsbin example和code。我该如何防止这种情况？

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添加到.affix div。 它已经具有固定的定位，因此无需为此设置position。

注意事项：在计算z-index时，首先测试所有内容，确保词缀没有开始出现在modals和其他人的上方。

希望这有效。