HTML und CSS · Senior · Frage 22 von 75
Wie baut man ohne JavaScript eine horizontale Galerie, deren Slides „einrasten“?
- 1
position: stickyundleft: 0an jedem Slide in der Spur - 2
scroll-snap-type: x mandatoryan der Spur,scroll-snap-alignan den Slides - 3
@keyframesmit einer endlosentranslateX-Animation an der Spur
Antwort zeigen
Richtige Antwort: scroll-snap-type: x mandatory an der Spur, scroll-snap-align an den Slides
Erklärung
CSS Scroll Snap: ein Container mit overflow-x: auto und scroll-snap-type: x mandatory, Slides mit scroll-snap-align. Der Browser lässt das Scrollen am nächsten Slide enden und unterstützt Touch, Mausrad und Tastatur. scroll-padding berücksichtigt fixierte Elemente. JS braucht man nur für Vor-/Zurück-Buttons und Indikatoren.