I'm currently working on a project that will have quite a few animations that trigger upon scroll at various points throughout the website (most use batch arrays).
The animations all work fine UNTIL I add more than roughly 15 or so - and then none seem to fire. I remove a few and then they all work once again.
Here's a sample of a single instance of scrollTrigger that I'm using - how can I avoid this issue? Thanks in advance.
ScrollTrigger.batch(".client-logos img", {
onEnter: elements => {
gsap.fromTo(elements, {autoAlpha: 0, y: 30}, {autoAlpha: 1, y: 0, stagger: .1, start: "top center", duration: .3, delay: .5});
},
once: true
});