Ich schreibe CSS für einige Bilder und im Grunde möchte ich erreichen, dass sich ein Bild von links nach rechts bewegt und wenn es das rechte Ende erreicht, wieder links angezeigt wird usw. Ich konnte das verwenden folgenden Code, um dies zu erreichen.

@keyframes slideAnimation { 0% { transform: translateX(0%); } 100% { transform: translateX(100%); } } .row-1 { overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; width: 100%; height: 100%; } .image-container { position: absolute; top: 4%; width: 100vw !important; overflow: hidden; animation: slideAnimation 18s linear infinite; }

Das funktioniert auf dem Desktop, nicht auf mobilem CSS. Es fügt meiner Seite Scrollen hinzu, selbst wenn das Bild die rechte Seite erreicht, kommt es wieder aus der linken Seite heraus, aber die Breite des Bildcontainers beträgt 100 vw und das Bild befindet sich am Anfang der Seite Container, wenn das Bild erreicht: Ganz rechts gibt es aufgrund der Containerbreite einen Bildlauf, der sich auf andere absolute Elemente auf der Seite auswirkt. Ich kann diesen Bildlauf irgendwie deaktivieren oder eine andere Methode verwenden, um den gleichen Effekt zu erzielen, den er betrifft. Das Gleiche gilt für meine anderen absolute Elemente.