Bootstrap: Stop affix при достижении конца определенного div

Question

У меня есть боковая панель, когда вы прокручиваете. Теперь я хочу, чтобы он остановился (и был исправлен) при достижении определенного div.

Для иллюстрации. Что happends: http://postimg.org/image/l1n0djb0n/

Что я хочу: http://postimg.org/image/5evr05x8n/

Я должен остановить плавающей (на свитка) при достижении нижней части последнего содержания.

Как я могу это сделать?

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

Вы можете использовать смещение дна

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

И добавить следующие css

.affix-bottom { 
    position: absolute; 
}