Мне трудно гуглить эту проблему, потому что большинство вещей, которые я могу найти, касаются анимаций, которые должны быть быстрыми, но работают медленно. Мой вопрос касается анимации, которую я хочу иметь длительную, но все же быть плавной.

Я создал этот jsfiddle, чтобы продемонстрировать проблему:http://jsfiddle.net/93Bqx/

Я пытаюсь заставить элемент медленно перемещаться в другую позицию с течением времени. Но анимация очень изменчива.

По сути, все сводится к следующему:

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

Мне интересно, если проблема в том, что анимация настолько медленная, что каждый шаг меньше чем пиксель, l, и поэтому она округляет их до 0 или 1, создавая впечатление, что отбрасывает кадры, а затем перемещает все сразу. Но я не знаю, как бы это проверить или исправить.

Есть ли лучший способ делать медленные анимации, чтобы они были плавными? У меня был похожий файл, созданный с помощью CSS3 и translate (x, y), который был плавным, но, к сожалению, мне нужно больше гибкости, чем я думаю, что могу получить с помощью CSS.