Created by: gpakosz
Hello,
When playing with an affixed sidebar, I noticed the sidebar could overlap my footer depending on the speed at which I scroll the page.
I also noticed that when I open Chrome dev tools and I make the dev tools panel take most of the height of the page, then refreshing the page would style my sidebar with .affix-bottom straight and also make it overlap my footer.
This is caused by this.$element.offset({ top: position.top }) which positions the affixed element depending on its current position which only works if you transition smoothly from .affix to .affix-bottom.
I suggest this line gets replaced with this.$element.offset({ top: scrollHeight - this.$element.height() - offsetBottom }) which corresponds to the computation made to decide whether or not to switch to .affix-bottom state.
I'm a first time Bootstrap user so please forgive me if I overlooked something obvious. What do you think?