Плавающий блок ДЛЕ наезд на footer

[slavik11]

Приветствую. Хотел поставить на сайт плавающий блок, нашел код все отлично работает, но есть одна проблема, при прокрутки вниз, блок не останавливается на footer сайта, а заезжает прямо на него, может знает кто как решить эту проблему?
Вот сам код:

<div>
<script>
$(window).scroll(function() {
if ($(this).scrollTop()>500) $('#scrollable').css({'position':'fixed','top':'0px'});
else $('#scrollable').css({'top':'500px','position':'absolute'});
});
</script>
<div id='scrollable' style='width:300px;height:300px;'>  
ЗДЕСЬ КОНТЕНТ, КОТОРЫЙ БУДЕТ ФИКСИРОВАТЬСЯ (ПЛАВАТЬ)
</div>
</div>

 

[Iga]

не совсем понял как это выглядит, но, возможно, нужно добавить мэрджин размером с высоту футера?

 

[Didi]

У вас проблема в скрипте как и во многих подобных скриптах:
то что он делает, это после спуска на 500px начинает "плавать" прикрипившись к верху экрана.
Пока страница длинная - все ок, но когда подьезжаем к футеру,
страница кончается и футер заезжает под него.
Такого рода скрипт нужно как минимум дополнить таким образом чтобы в какойто момент (ближе к низу) он перестал плавать.
По идее предложенный выше марджин высотой в футер, может решить проблему. Не элегант конечно но все же..))