jQuery animate очень нестабилен во всех браузерах - div с jpg движется вверх и исчезает одновременно

Question

Или это лучшее, что он получит? Я пытался использовать script.aculo.us, но появление и анимация первого изображения все еще изменчивы. Я тестировал в Google Chrome, Safari и iPad 1 (очень нестабильный на iPad 1). Другие элементы хорошо исчезают, но первое изображение исчезает и анимируется довольно неприемлемо. Возможно, это потому, что элементы, по которым он перемещается, просто скрыты?

Вот jsFiddle, который я сделал http://jsfiddle.net/RgkFc/

и вот страница http://www.dillon.me/sites/benproudfoot/v1/

Любая помощь будет принята с благодарностью! Спасибо!

Answer 1

Причина, по которой на iPad очень нестабильно (то же самое относится и к другим iDevices), потому что jQuery не использует аппаратное обеспечение перехода, известное как transition3d, здесь есть плагин, который поддерживает анимацию для запуска поддерживаемых переходов здесь.

Вместо этого вы можете сделать это встроенным способом в CSS3, дополнительная информация:.

• Синтаксис анимации ключевых кадров
• Неустойчивая анимация CSS3 на iPhone 4

Answer 2

Я знаю, что это старая ветка, но у меня также возникают проблемы с Firefox, у меня получаются лучшие результаты, когда я удаляю теги CSS на изображениях, которые были анимированы. Примечание: это не было проблемой в Chrome