demo · v140

Viewport overscroll propagation

Scroll inside the box and try to keep scrolling past either edge. Pick a mode: auto lets the chain bubble out to the page, contain stops the chain but keeps the box's rubber-band, none kills both. Pre-v140 setting this on html didn't affect the actual viewport scroller — v140 propagates it.

overscroll-behavior on html / body:

I am a scroll container that simulates the viewport. Scroll me up and down.

When you hit the edge, the chain would normally bubble outward.

Try mashing the scroll wheel or trackpad at the edges.

...

Bottom of the simulated viewport.

Mode: auto — chain bubbles outward.

/* v140: this now propagates to the actual viewport scroller */
html { overscroll-behavior: contain; }

see also