Мне сложно найти эту проблему, потому что большинство вещей, которые я могу найти, - это анимации, которые должны быть быстрыми, но действуют медленно. Мой вопрос касается анимации, что я хочу иметь длительный срок, но все равно быть гладким.
Я создал этот jsfiddle, чтобы продемонстрировать проблему: http://jsfiddle.net/93Bqx/
Я пытаюсь сделать элемент медленно перемещаться в другую позицию с течением времени. Но анимация очень изменчив.
В принципе, это сводится к чему-то вроде этого:
$elem.animate({
left: x,
top: y
}, someLargeNumber);
Мне интересно, если проблема в том, что анимация настолько медленная, что каждый шаг меньше пикселя, и поэтому он округляет их до 0 или 1, заставляя, кажется, сбросить кадры, а затем переместить все сразу. Но я не знаю, как это проверить или исправить.
Есть ли лучший способ делать медленные анимации, чтобы они были гладкими? У меня был подобный, созданный с помощью CSS3 и переведенный (x, y), который был гладким, но, к сожалению, мне нужна большая гибкость, чем я думаю, что могу получить с помощью CSS.
