Frage Das nahtlose Scrollen von Bildern und Texten wirkt auf Mobiltelefonen grundsätzlich gut, allerdings wackeln die Bilder auf manchen mobilen Browsern stark! Falsches Schreiben Sie können weder left noch margin-left wie folgt verwenden: .donghua.aktiv{ Animation: Scrollen, langsam rein-raus, 1 Sekunde, unendlich abwechselnd; -Webkit-Animation: Scrollen Sie abwechselnd langsam rein und raus, 1 Sekunde lang und unendlich; } @keyframes scrollen { aus { links: 0; } Zu { links: -353px; } } -webkit-@keyframes scrollen { aus { links: 0; } Zu { links: -353px; } } Problemumgehung Ein Element darin wird auf Mobiltelefonen furchtbar wackeln. Verwenden Sie die 2D-Übersetzung wie folgt: .donghua.aktiv{ Animation: Scrollen, langsam rein-raus, 1 Sekunde, unendlich abwechselnd; -Webkit-Animation: Scrollen Sie abwechselnd langsam rein und raus, 1 Sekunde lang und unendlich; } @keyframes scrollen { 0% { transformieren: übersetzen(0px, 0px); } 100 % { transformieren: übersetzen(0px, -353px); } } @-webkit-keyframes scrollen { 0% { transformieren: übersetzen(0px, 0px); } 100 % { transformieren: übersetzen(0px, -353px); } } Oben finden Sie Einzelheiten dazu, wie Sie mithilfe von CSS3 nahtloses Scrollen und Anti-Shake erreichen. Weitere Informationen zu nahtlosem Scrollen und Anti-Shake in CSS3 finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM! |
<<: So importieren und exportieren Sie Cookies und Favoriten in FireFox
>>: Detaillierte Erläuterung der Konvertierung von JavaScript-Objekten in primitive Werte
CentOS 8 ist schon seit längerem auf dem Markt. A...
In diesem Artikelbeispiel wird der spezifische Co...
Vorschlag: Das möglichst häufige handschriftliche ...
Docker-Attach-Befehl docker attach [options] 容器st...
Dieser Artikel beschreibt anhand von Beispielen d...
Inhaltsverzeichnis Vorteil 1: Optimierung des Dif...
rm-Befehl Der Befehl rm wird von den meisten Benu...
Dieser Artikel beschreibt, wie man über Docker ei...
Inhaltsverzeichnis Vuex-Persistenz Zusammenfassen...
WSL aktivieren Stellen Sie sicher, dass das Syste...
Inhaltsverzeichnis 1. So überwachen Sie Tomcat 2....
Prinzip der MySQL-Paging-Analyse und Effizienzver...
Vmware-Installation Pakete installieren Download-...
Wenn die Bildlaufleiste nach unten gezogen wird, ...
1. Rendern JD-Effekt Simulationseffekt 2. Grundsa...