v150 · CSS · Scroll
Value Comparison Matrix
All four overscroll-behavior values — auto, chain, contain, none — side by side. Each box has an inner scroller sitting inside an outer scroller. Scroll the inner box to its boundary and watch exactly how each value handles the handoff.
Full comparison table
| value | chains scroll to ancestor | overscroll glow/bounce | scroll trapped locally | best use case |
|---|---|---|---|---|
auto |
yes | yes | no | default — no opinion about effects |
chain ✦ new |
yes | no | no | drawers, side panels — chain without glow |
contain |
no | no | yes | modals, code editors, map embeds |
none |
no | no | yes | prevent all overscroll effects entirely |
implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗