Percentage Offset Example

Each step can have its own percentage-based offset. The offset determines where in the viewport the step triggers (0 = top, 0.5 = middle, 1 = bottom). The yellow line shows the default trigger point (50% viewport).

scroll down

Offset: 0.5 (default)

STEP 1

Triggers when step reaches middle of viewport

Offset: 0.8

STEP 2

Triggers when step reaches 80% down viewport (near bottom)

Offset: 0.2

STEP 3

Triggers when step reaches 20% down viewport (near top)

Offset: 0.5 (default)

STEP 4

Triggers when step reaches middle of viewport