14 / GESTURE PHYSICS
Rubber Band Resistance
The problem
A hard scroll stop gives no feedback — you can't tell if the list ended or the app froze.
The solution
Past the boundary, movement resists and springs back on release.
Experiment
Task: Drag past the edge of the list.
NAIVE
- Overview
- Activity
- Members
- Billing
- Security
- Integrations
offset0px
overscrollclamped
THOUGHTFUL
- Overview
- Activity
- Members
- Billing
- Security
- Integrations
offset0px
overscroll0px
Play with the values
0.55
80px
How it works
Seen in
iOS scroll views
Lists stretch slightly past their end and snap back, signalling the boundary physically.
Carousels
Swiping past the last slide resists, hinting there is nothing further.
Zoom canvases
Panning beyond content edges rubber-bands to show the limit without a jarring stop.
Bottom sheets
Dragging a sheet beyond fully-open resists, then eases back into place.