Demo of Scroll-Snapping

Scroll Snap Align

Apply to any scrolled elements

Scroll Padding

Apply to the scrolling container

  • narrows the available scroll-window
  • same syntax as padding
  • works for all scroll-to actions, not just snapping

Scroll Margin

Apply to any scrolled elements

  • offset target from available scroll-window
  • same syntax as margin
  • works for all scroll-to actions, not just snapping

page 6

page 7

page 8

page 9

page 10

page 11

page 12