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;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="scroll-snap-align:center:hover scroll-snap-align:center@sm scroll-snap-align:center@dark scroll-snap-align:center@print">…</div>