Syntax

Overscroll Behavior

Setting what a browser does when reaching the boundary of a scrolling area.

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

Overview

ClassDeclarations
overscroll-behavior:valueoverscroll-behavior: value;
overscroll-behavior-x:valueoverscroll-behavior-x: value;
overscroll-behavior-y:valueoverscroll-behavior-y: value;
overscroll-behavior:autooverscroll-behavior: auto;
overscroll-behavior:containoverscroll-behavior: contain;
overscroll-behavior:noneoverscroll-behavior: none;
overscroll-behavior-x:autooverscroll-behavior-x: auto;
overscroll-behavior-y:autooverscroll-behavior-y: auto;
overscroll-behavior-x:containoverscroll-behavior-x: contain;
overscroll-behavior-y:containoverscroll-behavior-y: contain;
overscroll-behavior-x:noneoverscroll-behavior-x: none;
overscroll-behavior-y:noneoverscroll-behavior-y: none;

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

<div class="overscroll-behavior:auto:hover overscroll-behavior:auto@sm overscroll-behavior:auto@dark overscroll-behavior:auto@print"></div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.