Estou tendo dificuldades para pesquisar esse problema porque a maioria das coisas que posso encontrar são sobre animações que devem ser rápidas, mas que estão agindo com lentidão. Minha pergunta é sobre uma animação que eu quero ter uma longa duração, mas ainda assim ser suave.

Eu criei este jsfiddle para demonstrar o problema:http://jsfiddle.net/93Bqx/

Estou tentando fazer um elemento se mover lentamente para outra posição ao longo do tempo. Mas a animação é muito instável.

Basicamente, tudo se resume a algo assim:

$elem.animate({
        left: x,
        top: y
}, someLargeNumber);

Eu estou querendo saber se o problema é que a animação é tão lenta que cada passo é menor que um pixel e então é arredondado para 0 ou 1, fazendo parecer que ele solta quadros e, em seguida, move tudo de uma vez. Mas eu não sei como eu iria verificar ou corrigir isso.

Existe uma maneira melhor de fazer animações lentas, então elas são suaves? Eu tinha um semelhante criado com CSS3 e traduzi (x, y) que foi bom, mas infelizmente eu preciso de mais flexibilidade do que eu acho que posso obter com CSS.