본문 바로가기
JavaScript

[ScrollTrigger] start 옵션에 대하여 (초간단)

by 스타디아 2023. 4. 26.

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}
);