滚动相关 · 滚到哪、变到哪
滚动进入Scroll reveal
- 渐进
- 探索感
- 轻
元素在滚进可见区域时才播放入场，用户往下读的过程中内容一段段出现。
什么时候用它
长页面、营销页首屏以下的内容用它；首屏内容和用户已经看过的区域不要再加，会显得慢。
参数
IntersectionObserver threshold 0.2 · 400ms · ease-out · transform: translateY 16px→0
配方
滚动进入 → translateY 16px → 0 @ 400ms ease-out条件 IntersectionObserver threshold 0.2
给 AI 的一句话
用 IntersectionObserver（threshold 0.2）让每个区块滚入可见区域时播放 400ms 的淡入 + 上移 16px，ease-out，只播放一次。