Bootstrap 3 词缀偏移底部行为

Bootstrap 3 affix offset-bottom behaviour

我正在使用 Bootstrap 3 词缀功能, 但无法弄清楚 data-offset-bottom 实际上是如何工作的。

我有一个可能很长的主栏,还有一个较小的包含附加导航的栏。

我的问题是附加的导航对于某些屏幕尺寸来说可能太长了,所以我希望用户在向下滚动时能够看到当前项目, 哪种工作,即使我必须调整我猜的数据偏移底部;

然而,当你从底部向上滚动时,词缀 "disappear",因为它从任何 JS 代码(我猜,来自 Bootstrap)得到一个 position: relative;,我想避免。

有什么想法吗? 我应该用一个函数替换数据属性的固定值,该函数会根据滚动动态重置偏移量吗?这似乎不是解决它的最干净的方法。

http://jsfiddle.net/FloSchieldBobby/oz6nq6tL/

要了解我在说什么,只需完全向下滚动,然后再次向上滚动。

不确定您是否想过这个问题,但我 运行 今天遇到了同样的问题。当您应用 data-offset-bottom 时,它会应用 class affix-bottom。您需要做的就是将以下行添加到 css:

.affix-bottom{
position: absolute
}