1) fromTo 메서드를 사용할 때 start는 scrollTrigger 안에 명시한다.
2) bottom center: 요소의 bottom이 화면의 center에 왔을때 start
top center: 요소의 top이 화면의 center에 왔을때 start
gsap.fromTo(".section1 .img01", {duration: 0.6, opacity: 0},
{delay: 0.2, scrollTrigger: {
trigger: ".section1 .img01",
start: "center bottom"
}, opacity: 1}
);
'JavaScript' 카테고리의 다른 글
[JavaScript] 매개변수로 함수 받아 eventListener 추가하기 (layer popup 공통 코드 만들기) (1) | 2024.02.12 |
---|---|
[JavaScript] checkbox 전체 체크 (동적으로 생성된 checkbox도 적용하기) (0) | 2024.02.06 |
[Scolltrigger] fade-in 효과 적용 시 이슈(잠깐 나타났다 fade-in 동작) (0) | 2023.04.24 |
나의 Parallax 적용기.. [GSAP 사용] (0) | 2023.03.30 |
scrollify.js의 pagination (네이비게이션) (0) | 2023.03.30 |