Anleitung zur Verwendung von CSS Scroll Snap

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Nada Rifki demonstriert die CSS-Eigenschaften scroll-snap-type und scroll-snap-align. Mir gefällt, dass die Demo zeigt, dass die Elemente im Scroll-Container unterschiedliche Größen haben können. Es sind die Kanten dieser Kindelemente, die zählen, nicht ein fester Schnappabstand.

Ich mag auch Max Kohlers Darstellung, die eine Demo enthält, bei der das Schnappen in mehrere Richtungen erfolgen kann.

Das ist eines dieser Dinge, bei denen es sich, wenn man nicht davon wusste, um einen soliden Applaus für CSS verdient.

Direkter Link →