for (let idx = 0; idx < stepCount; idx++) {
if (idx === 0) {
mapStPt[0] = 0;
mapEnPt[0] = 0 + PXS_PER_IMAGE;
} else {
mapStPt[idx] = mapEnPt[idx - 1];
mapEnPt[idx] = mapStPt[idx] + PXS_PER_IMAGE;
}
ScrollTrigger.create({
trigger: container,
start: mapStPt[idx] === 0 ? "top top" : mapStPt[idx],
end: "+=" + PXS_PER_IMAGE,
onEnter: () => setMapContent(idx + 1, "DOWN"),
onLeaveBack: () => setMap