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.

Overview [sr-only]

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 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>
PREVIOUS
Will Change

Style syntax for setting how an element is expected to change in the browser.

NEXT
Scroll Behavior

Style syntax for setting the scrolling behavior for a scrolling box.

MIT License © Aoyue Design LLC.