我正在使用Bootstrap 3 Affix功能,
但无法弄清楚data-offset-bottom
实际上是如何运作的。
我有一个可能很长的主列,还有一个较小的主列,其中包含一个附加的导航。
我的问题是,对于某些屏幕尺寸,粘贴的导航可能太长,所以我希望用户在向下滚动时能够看到当前项目, 哪种工作,即使我必须调整数据偏移底部我猜;
然而,当你从底部向上滚动时,词缀“消失”,因为它从任何JS代码(我猜,来自Bootstrap)得到position: relative;
,我想避免。
有什么想法吗? 我应该通过一个函数替换数据属性的固定值,该函数会根据滚动动态重置偏移量吗?它似乎不是解决它的最干净的方法。
http://jsfiddle.net/FloSchieldBobby/oz6nq6tL/
要查看我在说什么,只需向下滚动,然后再向上滚动。
答案 0 :(得分:1)
不确定你是否想过这个但我今天遇到了同样的问题。当您应用data-offset-bottom
时,它会应用课程affix-bottom
。您需要做的就是将以下行添加到您的css中:
.affix-bottom{
position: absolute
}