EFFECT PREVIEW
방향 인식 헤더
효과 하나만 따로 떼어 보여줍니다. 실제로 움직여 보고 고르세요. 각 카드의 수치·트리거·모바일 대체가 그대로 명세서에 들어갑니다.
방향 인식 헤더
가벼움아래로 내리면 헤더가 숨고, 위로 올리면 바로 다시 나타난다.
아래로 스크롤 → 헤더 숨김
위로 스크롤 → 헤더 복귀
맨 위 → 항상 노출
·
·
박스 안을 스크롤해 보세요
| 적용 대상 | 상단 고정 헤더 |
|---|---|
| 트리거 | ScrollTrigger onUpdate → self.direction |
| 수치·구현 | 내리면 yPercent -100 숨김 / 올리면 0 복귀 · duration .35 · 최상단에선 항상 노출 + 배경 투명→불투명 |
| 모바일 | 유지 (모바일에서 특히 유용 — 화면을 넓게 쓴다) |
| 필요 이미지 | 불필요 |