J'ai remarqué que tout en optimisant les animations pour une utilisation sur iPad en utilisant l'accélération matérielle, je rencontre un problème que je n'ai pas complètement résolu. Si vous appliquez des transformations de webkit telles que translate, bien que l'animation fonctionne bien, si au milieu d'une animation l'utilisateur fait défiler la page, quand il la relâche, l'animation bégaye et revient à sa position d'origine et tente de continuer son animation jusqu'à son point final.Glitching en utilisant les transitions CSS/traduire sur iPad en faisant défiler la page
J'ai cherché partout des solutions à ce problème, vu que cela se produisait également dans le magasin d'iPad! Si vous avez un iPad sous la main et que vous naviguez vers, par exemple: http://webkit.org/demos/transitions-and-transforms/, si vous sélectionnez un élément et que l'animation du bouton est terminée, faites glisser la page (faites défiler) puis relâchez-la, vous verrez l'animation revenir à sa position d'origine puis répétez jusqu'à ce qu'il soit complet. La seule façon de contourner ce problème est lorsqu'un événement touchmove se produit. Je dis à l'animation de rester à l'emplacement d'origine, ce qui l'empêche d'essayer de répéter la transition à la sortie, même essaye juste de lui dire où aller à nouveau pour le faire revenir en arrière (vu que les transitions css ne semblent pas techniquement pouvoir être arrêtées). Est-ce que quelqu'un a trouvé des solutions de contournement à ce problème, je suis sûr que c'est un bug sur iPad par opposition à un problème avec l'animation (cela ne concerne pas les problèmes concernant preserve-3d et ce que vous avez), ou si Je devrais signaler cela comme un problème.
Merci!