Mocowanie paska bocznego migotania na przewijanie

Question

Moim celem jest przymocowanie paska bocznego, ładnie się przewija, ale kiedy zbliża się do stopki, zaczyna migotać. Co zrobiłem źle? Wydaje się, że jest niezdecydowany Bootstrap i utrzymuje przełączanie .affix-bottom na #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

jeśli trzeba dokonać pasek boczny lepki dlaczego nie można zrobić tylko to: codepen.io

to jest kod:

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

i to jest moje

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