gsap foreach문

hyesukHan·2023년 9월 30일
const introTextList = document.querySelectorAll('.intro .box-wrap .move-x');
  introTextList.forEach(element => {
    dataX = element.dataset.x;
    // 엘리먼트에 dataset의 x값을 가지고 오세요!
    gsap.to(element,{
      scrollTrigger:{
        trigger:".intro .box-wrap",
        start:"0% 0%", //[트리거기준 꼭대기] [윈도우좌표 꼭대기]
        end:"100% 10%", //[트리거기준 꼭대기] [윈도우좌표 꼭대기]
        // markers:true,
        scrub:0.4,
      },
      xPercent:dataX
    })
  });

for Each문을 이용하여 각각의 요소에 같은 스크롤 애니메이션을 걸 수 있다!

0개의 댓글