const firstElementsArray = [...];
const secondElementsArray = [...];
const thirdElementsArray = [...];
gsap.set(firstElementsArray, {yPercent: 50});
gsap.set(secondElementsArray, {yPercent: 100});
gsap.set(thirdElementsArray, {yPercent: 150});
ScrollTrigger.batch(firstElementsArray, {/*...*/});
ScrollTrigger.batch(secondElementsArray, {/*...*/});
ScrollTrigger.batch(thirdElementsArray, {/*...*/});
ScrollTrigger.addEventListener('refreshInit', function () {
return gsap.timeline()
.set(firstElementsArray, {yPercent: 0})
.set(secondElementsArray, {yPercent: 50})
.set(thirdElementsArray, {yPercent: 100});
});