Scroll-linked motion without the seasickness

Keep the reader in control

The test for scroll-linked motion is whether it still works when someone scrolls badly: fast, backwards, in jumps, with a trackpad that keeps going after they let go. If the animation depends on a perfect scroll, it will fail most real visitors.

We tie movement to position, not to time, so that stopping the scroll stops the motion. We also cap distance. Elements travel a few dozen pixels, not across the screen, and parallax stays under ten percent of scroll speed.

Respect reduced motion

Roughly one in three of the people we test with turns on a reduced motion setting at some point. We treat that setting as a first-class layout, not a fallback. Scroll effects collapse to simple fades or disappear entirely, and the page still reads in the same order.

The curves we pair with all of this are covered in our notes on timing.