Skip to content

Parallax vs Scroll-linked

Parallax is one use of scroll-linked motion: layers move at different speeds to suggest depth. Scroll-linked is the general technique of tying any property to the scroll position.

What's new this week

Plan the week
Quiet notifications
Share a board

Parallax

Layers move at different speeds while you scroll, which makes the page feel like it has depth.

Why motion needs a vocabulary

6 min read

A designer asks for a menu that feels quick, and the engineer hears 150 milliseconds. Shared words turn that guess into a decision both can check.

Figure 1. Scroll position mapped to progress

Scroll-linked

An animation whose progress is tied directly to the scroll position, moving forward and backward as you scroll.