O método .animate()
tem uma função progress que pode ser chamada para isto que pretende:
$(function () {
$(".cair").animate({
top: "+=385px",
}, {
duration: 6000,
"complete": function () {
$('.cair').remove();
},
progress: function (a, p, r) {
//usar como quiser aqui
}
});
});
Exemplo: http://jsfiddle.net/tL7Dm/
Segundo a documentação, a função progress têm 3 parâmetros. O segundo passa a percentagem em que a animação está. O terceiro o numero de milisegundos que faltam até a animação acabar. Esta função foi adicionada na versão 1.8
Para obter a posição do top tem duas maneiras:
- ler a cada passo a posição/css
top
Exemplo: http://jsfiddle.net/hxx39/1/
progress: function (a, p, r) {
console.log(this.style.top);
}
- usar a percentagem para fazer as contas de "onde é esperado estar"
Exemplo: http://jsfiddle.net/hxx39/
progress: function (a, p, r) {
var valorAtual = p * (fim - inicio);
if (Math.round(valorAtual) == 200) alert('chegámos aos 200px!');
}