Syntax
scroll-snap-align
Setting the scroll snap position.
Overview
| Class | Declarations |
|---|---|
scroll-snap-align:`value` | scroll-snap-align: `value`;
|
scroll-snap:center | scroll-snap-align: center;
|
scroll-snap:end | scroll-snap-align: end;
|
scroll-snap:start | scroll-snap-align: start;
|
scroll-snap-align:none | scroll-snap-align: none;
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="scroll-snap-align:center:hover scroll-snap-align:center@sm scroll-snap-align:center@dark scroll-snap-align:center@print">…</div>