Здравствуйте. Захотелось сделать плавающий блок в сайдбаре, поставил такой вот скрипт:
Код
<script language="javascript"> $(document).ready(function(){ var floatsidebar = $("#float-sidebar"); var offset = floatsidebar.offset(); var left = offset.left; var top = offset.top; var width = $("#float-sidebar").width(); var height = $("#float-sidebar").height(); $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if (scrollTop >= top) { $('#float-sidebar').css({ left:left+'px', position:'fixed', top:"0px", width:width+"px" }); } else { $('#float-sidebar').css({ position:'static', }); } }); }); </script>
Код
<div id="float-sidebar">
Контент плавающего блока
</div>
В плавающем блоке стоит картинка и вся проблема в том, что когда опускаешь страницу полностью вниз, то плавающий блок вылезает за границы сайдбара. Как сделать так, чтобы не вылезал?
