Skip to main content

Harshal V. LADHE

CSS Scroll Snap

Making scroll containers come to rest on chosen items with `scroll-snap-type` and `scroll-snap-align`, the foundation of CSS carousels.

Content tagged scroll-snap

  • Tutorial:Pure CSS Carousels with ::scroll-marker and ::scroll-button()

    Build carousel dots and arrows with pure CSS.
    Build CSS-only carousel dots and prev/next arrows with ::scroll-marker, ::scroll-button() and :target-current: no JavaScript, plus accessibility and fallbacks.
    Published at:
    Categories:CSS
    Estimated reading time:9 min read