Syntax
scroll-behavior
Setting the scrolling behavior for a scrolling box.
Overview
| Class | Declarations |
|---|---|
scroll-behavior:`value` | scroll-behavior: `value`;
|
scroll-behavior:auto | scroll-behavior: auto;
|
scroll-behavior:smooth | scroll-behavior: smooth;
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="scroll-behavior:auto:hover scroll-behavior:auto@sm scroll-behavior:auto@dark scroll-behavior:auto@print">…</div>