CSS Dojo道場 · practice
All tracks

Track

CSS Scroll Snap

scroll-snap-type, scroll-snap-align, scroll-snap-stop, scroll-padding and scroll-margin — the properties that turn a plain scroller into a carousel.

  1. 01Turn on snapping★★★
  2. 02Where each item lands★★★
  3. 03Don't skip past★★★
  4. 04Give the snap a margin★★★
  5. 05Nudge a single item★★★
  6. 06Snap the other way★★★
  7. 07Centre the landing★★★
  8. 08Gentle snapping★★★
  9. 09Two offsets at once★★★
  10. 10Boss: the snap carousel★★★