Bootstrap 3附加偏移底部行为

时间:2015-03-10 16:21:43

标签: twitter-bootstrap scroll css-position affix

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

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

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

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

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

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

要查看我在说什么,只需向下滚动,然后再向上滚动。

1 个答案:

答案 0 :(得分:1)

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

.affix-bottom{
position: absolute
}