Bootstrap侧边栏在滚动条上闪烁

Question

我的目标是侧边栏固定,它开始滚动很好,但当它接近页脚时,它开始闪烁.我做错了什么？看来,引导未定,并保持切换.affix-bottom上#sidebar

http://codepen.io/anon/pen/MJMQMr

JS

var $sidebar = jQuery('#sidebar');

jQuery($sidebar).affix({
  offset: {
    top: $sidebar.offset().top,
    bottom: function() {
      return (this.bottom = jQuery('#footer').outerHeight(true))
    }
  }
})

CSS

.affix {
  top: 0;
}

.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 20px;
}

HTML

<div class="container">

  <div class="header">
      <!-- HEADER -->
  </div>

  <div class="row">
    <div class="content col-md-8">
        <!-- CONTENT -->
    </div>

    <div class="col-md-4">
      <div id="sidebar">
        <!-- AFFIXED -->
      </div>
    </div>

  </div>

  <div id="footer">
        <!-- FOOTER -->
  </div>

</div>

Answer 1

我现在更新了我的代码检查：codepen.io

#sidebar.affix-bottom {
    position: absolute;
}