Анимация: jQuery VS CSS: jQuery отстает, почему? - jsFiddle сравнение / пример

Question

JSFiddle

У меня есть пример сравнения точно такой же анимации, выполненной jQuery и другой с помощью CSS.Анимация такая маленькая, не так много происходит, так почему же jQuery отстает?Это смешно .... CSS прекрасно анимирует, хотя.

Может кто-нибудь сказать мне, почему анимации jQuery отстают, даже если они такие маленькие?

Answer 1

Вы должны удалить правила перехода CSS на div, анимированном jQuery, в этом примере:

http://jsfiddle.net/mT39H/

Оба ведут себя одинаково.

Причина в том, что jQuery анимирует, изменяя положение x раз в секунду, но затем браузер пытается анимировать между этими значениями.

Answer 2

Я бы сказал, что это связано с отношением paddingBottom к времени анимации.Попробуйте изменить время анимации на меньшее значение, и вы увидите, что оно намного плавнее.

(установите значение 75 мс - ссылка )