Me resulta difícil buscar en Google este problema porque la mayoría de las cosas que puedo encontrar son sobre animaciones que se supone que son rápidas pero que actúan con lentitud. Mi pregunta es sobre una animación que deseo tener una larga duración pero que sea suave.

He creado este jsfiddle para demostrar el problema:http://jsfiddle.net/93Bqx/

Estoy tratando de hacer que un elemento se mueva lentamente a otra posición con el tiempo. Pero la animación es muy entrecortada.

Básicamente, se reduce a algo como esto:

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

Me pregunto si el problema es que la animación es tan lenta que cada paso es menor que un píxel y, por lo tanto, se redondea a 0 o 1, lo que hace que parezca que se caen cuadros y luego se mueven todos a la vez. Pero no sé cómo revisaría o arreglaría esto.

¿Hay una mejor manera de hacer animaciones lentas para que sean suaves? Tuve uno similar creado con CSS3 y traducir (x, y) que fue sencillo, pero desafortunadamente necesito más flexibilidad de la que creo que puedo obtener con CSS.