Плавающий блок с помощью jQuery

[judex]

Сделал на сайте плавающий блок с помощью jQuery таким образом

<div class="floating">  
<div>Блок</div>
</div>

    $(function() {
        var offset = $(".floating").offset();
        var topPadding = 15;
        $(window).scroll(function() {
            if ($(window).scrollTop() > offset.top) {
                $(".floating").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
            }
            else {$(".floating").stop().animate({marginTop: 0});};});
    });

И столкнулся с такой проблемой, когда браузер доходит до футера он его сдвигает вниз. Подскажите пожалуйста как зафиксировать блок, чтобы доходя до футера он прокручивался вверх?

 

[BDSG]

видимо добавить какой-нибудь bottomPadding со значением высоты футера, и по аналогии с отграничением прокрутки от верха, сделать ограничение от низа..

 

[Son1K]

    $().ready(function() {
        var $scrollingDiv = $("#scrollingDiv");
        $(window).scroll(function(){           
            $scrollingDiv
                .stop()
                .animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow" );           
        });
    });

у меня стоит с таким кодом. Футер не сдвигает, работает корректно. Попробуйте.