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.

Class	Declarations
`overscroll-behavior:value`	`overscroll-behavior: value;`
`overscroll-behavior-x:value`	`overscroll-behavior-x: value;`
`overscroll-behavior-y:value`	`overscroll-behavior-y: value;`
`overscroll-behavior:auto`	`overscroll-behavior: auto;`
`overscroll-behavior:contain`	`overscroll-behavior: contain;`
`overscroll-behavior:none`	`overscroll-behavior: none;`
`overscroll-behavior-x:auto`	`overscroll-behavior-x: auto;`
`overscroll-behavior-y:auto`	`overscroll-behavior-y: auto;`
`overscroll-behavior-x:contain`	`overscroll-behavior-x: contain;`
`overscroll-behavior-y:contain`	`overscroll-behavior-y: contain;`
`overscroll-behavior-x:none`	`overscroll-behavior-x: none;`
`overscroll-behavior-y:none`	`overscroll-behavior-y: none;`

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

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