Scroll

Scroll Snap Align

Style syntax for setting the scroll snap position.

🚧This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
scroll-snap-align:value / scroll-snap:valuescroll-snap-align: value
scroll-snap-align:value|value / scroll-snap:value|valuescroll-snap-align: value value
scroll-snap:centerscroll-snap-align: center
scroll-snap:endscroll-snap-align: end
scroll-snap:startscroll-snap-align: start
scroll-snap-align:nonescroll-snap-align: none

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="scroll-snap-align:center:hover scroll-snap-align:center@sm scroll-snap-align:center@dark scroll-snap-align:center@print"></div>
PREVIOUS
Scroll Padding

Style syntax for setting the scroll padding of an element.

NEXT
Scroll Snap Stop

Style syntax for setting whether scroll container is pass over snap positions.

MIT License © Aoyue Design LLC.