Pixel Offset Example

This example uses pixel-based offsets instead of percentages. Pixel offsets are fixed values that don't change with viewport height, making them more predictable on mobile devices where viewport height can change (e.g., when the address bar shows/hides). The yellow line shows the trigger point.

scroll down

Offset: 300px

STEP 1

Triggers at 300px from top of viewport

Offset: 400px

STEP 2

Triggers at 400px from top of viewport

Offset: 200px

STEP 3

Triggers at 200px from top of viewport

Offset: 350px

STEP 4

Triggers at 350px from top of viewport