v145 · CSS · Effect Toggler

Overscroll effect toggler

Compare two side-by-side scrollers — change overscroll-behavior per pane and watch the bounce / stretch effect react. Both panes use the same content but different rules so you can see the behaviour difference live.

controls

left: overscroll-behavior=auto · right: overscroll-behavior=contain

left scroller

right scroller

code

/* Chrome 145 brings the overscroll bounce effect to non-root scrollers
   on macOS / iOS so the visual feel matches the root document. */

.list-pane {
  overflow: auto;
  overscroll-behavior: contain; /* don't propagate scroll chain */
}

see also