Syntax

Scroll Behavior

Setting the scrolling behavior for a scrolling box.

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

Overview

ClassDeclarations
scroll-behavior:valuescroll-behavior: value;
scroll-behavior:autoscroll-behavior: auto;
scroll-behavior:smoothscroll-behavior: smooth;

Conditionally apply

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>
Syntax
Screen Readers

Style utility for imporving the accessibility with screen readers.

Syntax
Scroll Margin

Setting the scroll margin of an element.

© Aoyue Design LLC.