overscroll-behavior
A shorthand for setting how the browser handles reaching the boundary of a scroll area in both directions. It helps stop annoying 'scroll chaining'.
Quick example
.scroll-box {
/* Stops all scroll chaining in both horizontal and vertical directions */
overscroll-behavior: contain;
}Quick facts
Initial value
autoInherited
No
Applies to
non-replaced block and inline-block elements
Animation type
discrete
Values
containnoneautooverscroll-behavior Browser Support
Limited availability95% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
144+
150+
144+