Mobile Scroll Physics: Rubber-Band Overscroll & Momentum
Interactive 3D simulator of the physics behind mobile scroll views: drag or flick a card list and watch momentum deceleration, edge rubber-band resistance and spring-damper bounce-back play out with live velocity and overscroll readouts.
Touch interfaces feel fluid because the scroll view underneath is running a small, precise physics model, not just moving pixels. This simulator renders a 3D mobile card list you can drag and flick directly: release your finger and the list coasts under exponential friction decay, and once it runs past the top or bottom it switches into rubber-band mode — the classic UIScrollView compression function that resists pulling harder the further you go — before a spring-damper term pulls it back to rest exactly at the edge. Live readouts track velocity, overscroll distance and scroll state (Idle / Dragging / Flinging / Bouncing) while sliders let you tune the rubber-band stiffness, the deceleration rate and the spring stiffness, and a toggle swaps the elastic edge for a rigid hard stop so the two feel-models can be compared directly.
Drag or flick a 3D mobile card list and watch the real physics behind touch scrolling: exponential momentum decay, UIScrollView-style rubber-band resistance at the edges, and a spring-damper bounce-back to rest.
3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install