<p dir="auto">When scrolling to the bottom of the page, affix-Plugin sets the class "affix-bottom" and sets inline styles like "position: relative; top: XYZpx;". The Problem is, that the inline "position: relative" aren't removed after scrolling up again. It would be better, to set "position: relative" via the class "affix-bottom" (which works correct) and not via javascript. That would solve the problem.</p>
<p dir="auto">BTW: I use Mac OS 10.9.3, Chrome 35.0.1916.114</p>
<p dir="auto">The following issue is reproducible with the current bootstrap docs website (e.g. <a href="http://getbootstrap.com/javascript/" rel="nofollow">http://getbootstrap.com/javascript/</a>) using Firefox 28 and Chrome 33, on Windows:</p>
<ol dir="auto">
<li>Start with a large browser window.</li>
<li>Load <a href="http://getbootstrap.com/javascript/" rel="nofollow">http://getbootstrap.com/javascript/</a></li>
<li>Decrease width of the window, so that the sidebar disappears, i.e. the affix contents menu goes to the bottom of the page (you don't see it anymore).</li>
<li>Scroll all the way down to the footer, you see the affix contents menu again.</li>
<li>Increase the window width again. At some point, the affix contents menu goes to the top again (you don't see it anymore).</li>
<li>Scroll all the way up, there it is.</li>
<li>Scroll down, the affix does not follow scroll movement anymore.</li>
</ol>