Hello !
I'm here because i've got a probleme with the ScrollTrigger and i'm not able to find the way to find and fix it.
I'm using the batch methode for animate my wordpress articles items. Like this:
gsap.set("._post__list__item", {autoAlpha: 0, scale: 0, translateY: 120,});
ScrollTrigger.batch("._post__list__item", {
start: "bottom bottom",
onEnter: batch => gsap.to(batch, {
autoAlpha: 1,
stagger: 0.15,
transformOrigin:"center bottom",
translateY: 0,
scale:1,
duration: .8,
ease: "circ.inOut",
})
});
And i'm pretty sure that was working perfectly when i did this and made my tests. But after coding and modify other things, i noticed something going wrong with it. The items should be triggered when the bottom of the objects touch the bottom of my viewport. And now there is a gap getting bigger between each apparitions. Even the lasts items are not beeing visible !
what could i have done that affect the apparitions of my items and creating that gap ?
Can you advice me a way to debug it ?