引导词缀（底层）

Question

你好，我有一个引导词缀，问题是#sideBarContainer 是完美的 rop 类，当我滚动类更改为完美的词缀时，但是当我到达需要它停止的地步时将类更改为底部词缀，而不是停止:(为什么？？

$('#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>

Answer 1

来自文档：

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

CSS（或更少）：

.affix-bottom {
    position: absolute;
}

Answer 2

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

bottom: 200,

改为使用

bottom: 200