Bootstrap Affix(底层)

时间:2014-08-10 12:21:08

标签: twitter-bootstrap-3 affix

你好,我有一个引导程序Affix,这个问题是#sideBarContainer是完美的rop类,当我滚动类改变到Affix完美时,但当我到达我需要它停止的点将类更改为底部词缀,而不是停止:(为什么??

$('#sideBarContainer').affix({
  offset: {
    top: 100,
    bottom: 200,

  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="sideBarContainer">
  <div class="ReadHeaderSections">
    <p></p>
  </div>
</div>

2 个答案:

答案 0 :(得分:2)

来自文档:

  

如果定义了底部偏移,则滚动过去应该替换   .affix与.affix-bottom。由于偏移是可选的,因此设置一个   要求您设置适当的CSS。在这种情况下,添加位置:   绝对;必要时。该插件使用数据属性或   JavaScript选项,用于确定元素的位置   那里。

CSS(或更少):

.affix-bottom {
    position: absolute;
}

答案 1 :(得分:0)

这不适用于查询中最后一个元素之后的昏迷

bottom: 200,

改为使用

bottom: 200