Почему [мои] CSS3 / jQuery-переходы так безупречны и как их сделать более плавными? - PullRequest
3 голосов
/ 07 января 2012

Столько, сколько я искал информацию об этом по всему интернету, я не могу найти ничего об этом, поэтому я пришел сюда за помощью.

Что меня беспокоило: независимо от того, какой метод я использую - переход jQuery .animate или css3, [мои] анимации не выглядят идеально гладкими. Сначала я не понимал, почему они появляются таким образом, и это настолько незаметно, что мне пришлось снимать видео, чтобы доказать это. Но это определенно есть - анимация ужасна. Иногда кадр бывает слишком быстрым, а иногда слишком медленным.

Переверните его туда-сюда шесть или семь раз, и вы, надеюсь, поймете, о чем я говорю.

Я могу понять это с помощью jQuery - выполнение JS не идеально. Быстрое профилирование показывает, что действительно при использовании jQuery anim некоторые кадры запускаются слишком рано, а некоторые - с запозданием. Но с CSS3?

Что люди делают, чтобы решить эту проблему?

Ответы [ 2 ]

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

Я перемещаю контейнер, используя margin-left свойство CSS и .animate jQuery, и это довольно гладко.Используйте клавиши со стрелками, чтобы использовать его (влево и вправо)

Текущая версия этого проекта теперь полна изображений, текста, фреймов и по-прежнему гладкая.

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

Установите этот JS перед вашим кодом:

jQuery.fx.interval = 100;
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...