DzinerHub

DzinerHub

Overscroll Behavior

How scroll containers respond when reaching their bounds, including glow, bounce, or chaining.

Overscroll Behavior

How scroll containers respond when reaching their bounds, including glow, bounce, or chaining.

In Web & Mobile Design

What is Overscroll Behavior?

Overscroll behavior defines how a scroll container reacts when the user scrolls past its bounds.

When to use Overscroll Behavior controls?

- To prevent scroll chaining or rubber‑banding into parent containers

- To signal boundaries with bounce or glow affordancesWhen not to use it? - When default platform behaviors are expected and consistent with user mental modelsWhat is the anatomy of Overscroll Behavior?

- Containment: allow, contain, none

- Visual affordance: bounce, glow, stretch

- Interaction with nested scroll areas