Стоп Float на нижнем колонтитуле JQuery

Я использую этот код:

$(window).scroll(function () { if (($(document).height() - $(window).scrollTop()) = 30) { $("#content-5").css({ position: 'fixed', top: '30px', bottom: 'auto' }); }else{ $("#content-5").css({ position: 'absolute', top: '30px', bottom: 'auto' }); } 

});

И это демонстрация

http://jsfiddle.net/Ym2Ga/75/

Его работа прекрасна, но я не знаю, как это сделать, что float elemnt останавливается на нижнем колонтитуле. Кто-нибудь может помочь?

Я обновил вашу скрипту …. измените свой первый блок css как …

$("#content-5").css({ position: 'fixed', top: '0px', bottom: 'auto' });

fiiddle