Анимация jQuery очень изменчива во всех браузерах — div с jpg перемещается вверх и исчезает одновременно

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

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

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

Будем очень благодарны любой помощи! Спасибо!


javascript jquery fade jquery-animate fadeto
person DillonB    schedule 25.02.2012    source источник
comment
У меня это работает нормально, только что попробовал в последних версиях FF и Chrome.   -  person elclanrs    schedule 25.02.2012
comment
У меня на рабочем столе с Chrome 17 все довольно гладко.   -  person Ben Lee    schedule 25.02.2012
comment
Спасибо за ответы. Это довольно странно - иногда на моем конце все выглядит хорошо, а иногда выглядит довольно плохо или немного изменчиво, когда он движется к вершине. Я полагаю, это настолько хорошо, насколько это возможно.   -  person DillonB    schedule 25.02.2012
comment
Просто добавлю, если кому-то понадобится помощь: я смог сгладить анимацию функции jquery, задержав ее после функции fadeTo. Я считаю, что одновременное выполнение двух функций намного утомительнее. Выглядит теперь довольно здорово — www.benproudfoot.com — если кто-то хочет проверить.   -  person DillonB    schedule 29.02.2012

Ответы (2)


arrow_upward
3
arrow_downward

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

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

person MacMac    schedule 25.02.2012
comment
Синтаксис анимации ключевых кадров мертв :( - person EaterOfCode; 25.01.2013
comment
ВАУ, это потрясающе. Исправлены все мои проблемы - person bryan; 28.06.2017

arrow_upward
0
arrow_downward

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

person Community    schedule 03.11.2014