Div que acompanha o scroll da página

[guimolon 0]

Pessoal tenho o seguinte div que está funcionando como eu quero, conforme o scroll da página ele vai junto.

 

Porém quando chega embaixo do site, digamos no footer, eu gostaria que ele pare de descer. E isso não está ocorrendo, alguém pode ajudar?

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

});
};
});
});

 

O funcionamento dele está correto, só quero que ele pare quando atingir digamos o .footer, alguem sabe como resolver isso? obrigado.

[William Bruno 1501]

vc vai precisar de mais um IF.

 

esse if vai ficar verificando se a posição atual do teu objeto, não é maior que a posição do footer.

só pegar o offset.top do footer e comparar.