jQuery и CSS анимация изменчива в Firefox - PullRequest
Новая
       17

jQuery и CSS анимация изменчива в Firefox

7 голосов
/ 20 января 2012

Я работаю над минисайтом , который имеет много анимации jQuery.Он отлично работает в Safari, Chrome и IE9, но анимация действительно нестабильна в Firefox (7, 8 и 9) на OSX.Я думал, что CSS анимация будет более плавной, поэтому я адаптировал версию сайта для iPad и попробовал это в Firefox.Это выглядит так же плохо.

Я не проводил много времени с Firefox, поэтому я не уверен, что я делаю здесь неправильно.Нужно ли запускать ускорение графического процессора (например, с помощью translateZ (0) в Webkit?) Или оно просто используется постоянно (например, IE9?). Firefox не достаточно мощный, даже с графическим процессором?

Я бы очень признателен за любую помощь, которую я могу получить.Я нахожусь в конце моей веревки на этом.

Ответы [ 3 ]

11 голосов
/ 30 января 2012

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

5 голосов
/ 22 ноября 2016

Я знаю, что этот вопрос задавался много лет назад, но я наткнулся на него, и нет никакого реального ответа, кроме «Firefox сосет». Хитрость в том, чтобы включить аппаратное ускорение для анимации элементов dom в Firefox, заключается в добавлении небольшого поворота вместе с вашим переводом. Например: 

@keyframes square-animation {
    0%, 100% {
        transform: translate(600px, 160px) rotate(0.01deg);
    }
    50% {
        transform: translate(355px, 160px) rotate(0.01deg);
    }
}

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

0 голосов
/ 20 января 2012

Я заметил, что анимация не заикается, когда Firefox работает в окне, Я на Win 7 x32. Они работают очень гладко.

Анимации немного изменчивы, пока переходы только. Отдых - это хорошо, и этот сайт - удивительная и удивительная работа, которую вы проделали до сих пор!

...