Scroll · Moves as you scroll
Scroll reveal滚动进入
- progressive
- exploratory
- light
Elements play their entrance only when they scroll into view, so content appears section by section as the user reads down.
When to use it
Use it below the fold on long or marketing pages; do not add it above the fold or to areas the user has already seen, where it just feels slow.
Parameters
IntersectionObserver threshold 0.2 · 400ms · ease-out · transform: translateY 16px→0
Recipe
Scroll reveal → translateY 16px → 0 @ 400ms ease-outwhen IntersectionObserver threshold 0.2
One sentence for your AI
Use IntersectionObserver with a 0.2 threshold so each section fades in and moves up 16px over 400ms ease-out when it enters the viewport, playing once.