The overscroll-behavior-block CSS property sets the browser's behavior when the block direction boundary of a scrolling area is reached.

Note: See overscroll-behavior for a full explanation.

/* Keyword values */
overscroll-behavior-block: auto; /* default */
overscroll-behavior-block: contain;
overscroll-behavior-block: none;

/* Global values */
overscroll-behavior-block: inherit;
overscroll-behavior-block: initial;
overscroll-behavior-block: unset;


The overscroll-behavior-block property is specified as a keyword chosen from the list of values below.


The default scroll overflow behavior occurs as normal.
Default scroll overflow behavior is observed inside the element this value is set on (e.g. "bounce" effects or refreshes), but no scroll chaining occurs to neighbouring scrolling areas, e.g. underlying elements will not scroll.
No scroll chaining occurs to neighbouring scrolling areas, and default scroll overflow behavior is prevented.


Specification Status Comment
CSS Overscroll Behavior Module Level 1
The definition of 'overscroll-behavior-block' in that specification.
Working Draft

Browser compatibility

Update compatibility data on GitHub
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
overscroll-behavior-blockChrome Full support 77Edge Full support 79Firefox Full support 73IE No support NoOpera Full support 64Safari No support NoWebView Android Full support 77Chrome Android Full support 77Firefox Android No support NoOpera Android Full support 55Safari iOS No support NoSamsung Internet Android No support No


Full support  
Full support
No support  
No support

See also