BASELINE NowYouCanUse.com

Limited Availability Scrolling

id: overscroll-behavior

overscroll-behavior

The overscroll-behavior CSS property disables default scrolling behaviors when the edges of a scrolling area are reached.

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

144

Supported

Mozilla Firefox

150

Supported

Apple Safari

—

Unsupported

Microsoft Edge

144

Supported

Mobile Browser Engine Support

Chrome Android

144

Firefox Android

150

Safari iOS

—

Specifications and References

Specification ↗ Can I Use (css-overscroll-behavior) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.overscroll-behavior ↗ css.properties.overscroll-behavior-block ↗ css.properties.overscroll-behavior-block.auto ↗ css.properties.overscroll-behavior-block.contain ↗ css.properties.overscroll-behavior-block.none ↗ css.properties.overscroll-behavior-inline ↗ css.properties.overscroll-behavior-inline.auto ↗ css.properties.overscroll-behavior-inline.contain ↗ css.properties.overscroll-behavior-inline.none ↗ css.properties.overscroll-behavior-x ↗ css.properties.overscroll-behavior-x.auto ↗ css.properties.overscroll-behavior-x.contain ↗ css.properties.overscroll-behavior-x.none ↗ css.properties.overscroll-behavior-y ↗ css.properties.overscroll-behavior-y.auto ↗ css.properties.overscroll-behavior-y.contain ↗ css.properties.overscroll-behavior-y.none ↗ css.properties.overscroll-behavior.auto ↗ css.properties.overscroll-behavior.contain ↗ css.properties.overscroll-behavior.none ↗