Ho notato che durante l'ottimizzazione delle animazioni da utilizzare su iPad con l'accelerazione hardware, mi sembra di imbattersi in un problema che non sono stato completamente in grado di risolvere. Se stai applicando trasformazioni di webkit come translate, anche se l'animazione funziona alla grande, se nel mezzo di un'animazione che si verifica l'utente fa scorrere la pagina, quando la rilasciano provoca l'animazione che balbetta per cui ritorna alla sua posizione originale e tenta di continuare la sua animazione al suo punto finale.Problemi tecnici durante l'utilizzo delle transizioni CSS/traduzione su iPad quando si scorre la pagina
Ho cercato ovunque una soluzione a questo problema, visto che si è verificato anche nel negozio iPad! Se si dispone di un iPad a portata di mano e si naviga, ad esempio: http://webkit.org/demos/transitions-and-transforms/, se si seleziona un elemento, prima che l'animazione del pulsante abbia completato trascinare la pagina (scroll) e rilasciarla, si vedrà il flicker dell'animazione nella sua posizione originale e poi ripetere fino al suo completamento.
L'unico modo in cui sono riuscito a risolvere questo problema è quando si verifica un evento touchmove, dico all'animazione di rimanere dove si trova nella posizione originale, impedendogli di ripetere la transizione al rilascio, poiché tenta semplicemente di dirgli dove andare di nuovo perché si regredisce a prescindere (visto che le transizioni di CSS non sono tecnicamente in grado di essere fermate).
Qualcuno ha trovato soluzioni alternative a questo problema, sono abbastanza sicuro che si tratta di un bug su iPad in contrasto con un problema con l'animazione (questo non riguarda problemi riguardanti preserve-3d e cosa hai), o se Dovrei segnalare questo come un problema.
Grazie!