Анимация с отрицательным смещением заставляет элемент прыгать

Question

Название объясняет это.Вот как я это обнаружил (писал это как ответ): http://jsfiddle.net/tnk7K/3/

Как видно из примера, 2 оживляет вправо и останавливается через секунду.Затем, через еще одну секунду, 2 прыгает в крайнее левое положение и 3 оживляет, как сказано, только для того, чтобы это произошло снова (и снова, и снова, и снова ...)

Это не вызываетсяпоследующим вызовом css('left', 'auto'), который вызывается после завершения анимации.Кроме того, удаление не решает проблему.

Есть идеи, что это такое / как решить / я просто не прав?Погуглив, ничего не нашел.

Answer 1

Я думаю, что произошло какое-то недоразумение. Вы можете установить как left, так и right в CSS.

http://jsfiddle.net/tnk7K/5/

Видишь? right не изменилось, left установлено на 0. Но width изменилось.

---

EDIT:
Вам просто нужно установить атрибут left:

$(this).css('left', $(this).position().left);

http://jsfiddle.net/tnk7K/7/