Meine Webseite hat zwei divs, A und B. Div A ist sichtbar, Div B ist ausgeblendet.
Wenn der Benutzer auf einen Link in div A klickt, möchte ich div A vom Bildschirm "schieben" (über die linke Kante verlassen) und div B auf dem Bildschirm (über die rechte Kante) schieben.
Ich habe festgestellt, dass jQuery-Animationen auf dem ipad sehr langsam sind. Daher möchte ich stattdessen die CSS-Animationen von webkit verwenden, die meiner Meinung nach in Hardware gerendert werden. Wie mache ich das?
Im Folgenden finden Sie ein Beispiel, wie Sie dies mit Webkit-Animationen tun können. Sie können diesen Artikel auch für mehr Hintergrund lesen: Ссылка
Die abgerundeten Ecken zeigen nur, dass sich die Seite außerhalb des Bildschirms bewegt und nicht nur die Breite ändert.
Die Hauptidee besteht darin, die linke CSS-Eigenschaft zu animieren und ein Container-Div zum Abschneiden zu verwenden.
%Vor%