Bootstrap: Stopp Affix beim Erreichen des Endes bestimmter Div.

Question

Ich habe eine Sidebar, die beim Scrollen klebt. Jetzt möchte ich, dass es aufhört (und fixiert wird), wenn es ein bestimmtes div erreicht.

Zur Veranschaulichung. Was happends: http://postimg.org/image/l1n0djb0n/

Was ich will: http://postimg.org/image/5evr05x8n/

I (auf Scroll) schwimmend stoppen muss, wenn der Boden des letzten Gehalts zu erreichen.

Wie kann ich das tun?

CSS:

#sidebar.affix-top { 
position: static; 
margin-top:0px; 
} 

#sidebar.affix { 
position: fixed; 
top:49px; 
} 

HTML:

<div id="sidebar" class="sidebar_package"> 
info for sidebar 

<div class="hiddenpackage_c2a"> 
    more content 
</div> 

</div> 

JS:

//Side menu floater 
$('#sidebar').affix({ 
     offset: { 
     //top: $('header').height() 
     top:185 
     } 
}); 

Answer 1

Sie die untere

Offset verwenden können

$('#sidebar').affix({ 
    offset: { 
     top: 180, 
     bottom: $('#bottom-div').outerHeight(true) 
    } 
}); 

Und fügen Sie die folgenden css

.affix-bottom { 
    position: absolute; 
}