Native CSS Scroll Snap Points

Avatar of Marie Mosley
Marie Mosley am

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

Die neu eingeführten CSS-„Snap Points“-Eigenschaften könnten es erheblich erleichtern, reine CSS-Scroll-Effekte zu erstellen (sobald die Browserunterstützung nachgezogen ist). Dieser Beitrag aus dem Blog von Sergey Gospodarets enthält Demos für flüssiges Scrollen für Bildergalerien und vertikales Full-Page-Scrolling.

Scroll-Snapping wird häufig verwendet, um die bereitgestellten Inhalte besser zu trennen (vertikale Full-Height-Seiten) oder, zum Beispiel, um das Verhalten von Galerien zu emulieren… Können Sie sich vorstellen, wie einfach es wäre, solche Effekte nur mit CSS zu erstellen?

Die vollständige Spezifikation ist eine Überprüfung wert.

Direkter Link →