Сделано плавающее меню, от хедера в правой колонке. Все работает, но только хотелось бы увидеть остановку у футера. Можно ли это реализовать?
#wrap {
width: 600px;
margin: 0 auto;
}
#sidebar {
float: left;
width: 260px;
/*background: #c2b3c6;*/
margin-left: 0px;
border: 1px solid #392348;
margin-bottom: 30px;
}
$(document).ready(function(){
var sidebartop = $('#sidebar').offset().top;
$(window).scroll(function(){
if( $(window).scrollTop() > sidebartop )
{ $('#sidebar').css({position: 'fixed', top: '30px'});
}
else
{ $('#sidebar').css({position: 'static'});
}
});
})
"Плавающий блок" состоит в div
<div id="sidebar">
Каким образом можно сделать остановку у футера?