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문을 이용하여 각각의 요소에 같은 스크롤 애니메이션을 걸 수 있다!