affix: reloading a scrolled window does not apply correct affix class

[heldchen]

under certain circumstances, the affix-bottom class is not added when it should.

to reproduce:

1. load http://getbootstrap.com/javascript/
2. make window height around 1040px wide and 500px height
3. scroll to the very bottom of the page
4. refresh/reload page

now the affixed element has the class .affix instead of .affix-bottom:

1. click anywhere or start scrolling

now the affixed element has the correct class.

[heldchen]

a workaround for the issue:

    .affix-top
    {
        position: fixed;
    }

[divmgl]

This seems to be happening not only when reloading a scrolled window, but also on page load. I'm having a similar problem related to affix-bottom where reloading the page automatically applies affix and does not apply affix-bottom correctly.

[divmgl]

I fixed my problem by adding the 'affix' class to the div being affixed... but I am not sure why this solution works...

[csmorley]

I have seen this bug a lot now also.

Its the same issue as posted about here http://stackoverflow.com/questions/19099325/bootstrap-3-vertical-menu-example-as-used-in-the-documentation-resizing-issue

Video of issues here: http://youtu.be/Px5I-wKZ0sA

Demo page code: http://pastebin.com/Wfphqw6t

Also saw another site using side nav affix, and exact same issues at this site http://www.smileclarksville.com/new-patients/

[iskandar-j]

Add in $(window).trigger(scroll); after setup affix,
should fix when window reload.