Scroll

Overscroll Behavior

Style syntax for 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 in different states using selectors, media queries, etc.

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