Глюки при использовании CSS-переходов / перевод на iPad при прокрутке страницы - PullRequest
5 голосов
/ 25 октября 2010

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

Я искал повсюду решение этой проблемы, видя, что это происходит и в магазине iPad!Если у вас есть iPad, и вы переходите, например, к: http://webkit.org/demos/transitions-and-transforms/, если вы выбираете элемент, то до завершения анимации кнопки перетащите страницу (прокрутку), а затем отпустите ее, вы увидите мерцание анимации.вернуться в исходное положение, а затем повторять до его завершения.

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

ИмеетКто-нибудь нашел какие-либо обходные пути к этой проблеме, я уверен, что это ошибка на iPad, а не проблема с анимацией (это не связано с проблемами, касающимися preserve-3d и того, что у вас есть), или если я должен сообщить об этомкак вопрос.

Спасибо!

1 Ответ

1 голос
/ 27 ноября 2010

Не уверен, что я читаю между строк, но я подозреваю, что вы могли бы увидеть лучшие результаты, если бы вы использовали touchend против touchmove или touchstart.

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