TIER 3 · GSAP SCROLLTRIGGER
고정 · 가로 스크롤 · 패럴랙스
Elementor 의 sticky 는 Pro 인 데다 Lenis 가 죽인다. Animation Addons 의 pin/가로스크롤도 무료판에선 동작하지 않는다. 그래서 GSAP ScrollTrigger 를 클래스 기반 mu-plugin 으로 직접 붙였다.
아래로 스크롤하세요 ↓
PIN
이 섹션은
화면에 붙어 있습니다
세로 스크롤을 100vh 만큼 소비하는 동안 이 화면이 고정됩니다. ScrollTrigger 의 pin 입니다. ≤1024px 와 reduced-motion 에서는 자동으로 꺼집니다(터치 기기에서 스크롤 하이재킹은 UX 를 망칩니다).
pin 이 풀린 뒤 이어지는 섹션
HORIZONTAL SCROLL
세로로 굴리면
옆으로 흐릅니다
≤1024px 에서는 네이티브 가로 스와이프로 폴백합니다.
클래식 로즈 부케
65,000원부터
와일드플라워 믹스
55,000원부터
엘레강트 화이트 릴리
75,000원부터
선샤인 데이지
45,000원부터
프리미엄 오키드
85,000원부터
모던 드라이 부케
60,000원
클래식 로즈 부케
65,000원부터
와일드플라워 믹스
55,000원부터
엘레강트 화이트 릴리
75,000원부터
선샤인 데이지
45,000원부터
프리미엄 오키드
85,000원부터
모던 드라이 부케
60,000원
PARALLAX
배경이 다른 속도로 움직입니다
mn-parallax-slow
mn-parallax-fast
mn-scroll.php — pin / hscroll / parallax 전부 CSS 클래스 기반. Lenis 는 mn-smooth-scroll 이 이미 ScrollTrigger 와 동기화한다.