Ich habe bemerkt, während Animationen für die Verwendung auf dem iPad mit Hardwarebeschleunigung zu optimieren, ich scheinen auf ein Problem stoßen, die ich nicht vollständig lösen konnte. Wenn Sie Webkit-Transformationen wie "translate" anwenden, obwohl die Animation großartig läuft, wenn die Benutzer während einer Animation durch die Seite blättern, wird die Animation beim Stolpern stottern, wodurch sie an ihre ursprüngliche Position zurückkehrt und versucht, fortzufahren seine Animation bis zum Endpunkt.Glitching während der Verwendung von CSS-Übergängen/Übersetzen auf dem iPad beim Scrollen der Seite
Ich habe überall nach Entschlossenheit zu diesem Thema gesucht, nachdem ich gesehen habe, dass es auf dem iPad-Laden auch auftritt! Wenn Sie ein iPad zur Hand haben und zum Beispiel navigieren: http://webkit.org/demos/transitions-and-transforms/, wenn Sie ein Element auswählen, dann bevor die Schaltfläche Animation die Seite ziehen (scrollen) und dann loslassen, sehen Sie, wie die Animation an ihre ursprüngliche Position zurückflackert und wiederhole es bis zu seinem Ende.
Die einzige Möglichkeit, die ich umgehen konnte, ist, wenn ein touchmove -Ereignis auftritt, sage ich der Animation, nur an der ursprünglichen Position zu bleiben, was den Versuch, den Übergang bei der Freigabe zu wiederholen, als gerade stoppt Versuche, einfach zu sagen, wohin es gehen soll, führen dazu, dass es sich wieder zurückstellt (da gesehen wird, dass CSS-Übergänge technisch nicht in der Lage sind, gestoppt zu werden).
Hat jemand irgendwelche Problemumgehungen zu diesem Problem gefunden, bin ich mir ziemlich sicher, dass dies ein Fehler auf dem iPad ist, im Gegensatz zu einem Problem mit der Animation (dies beinhaltet keine Probleme in Bezug auf Preserve-3d und was hast du), oder wenn Ich sollte dies als ein Problem melden.
Danke!