Max limit on number of scrollTriggers?

[m4x1m]

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

});

[OSUblake]

Welcome to the forums @m4x1m

 

There is no limit, so it's kind of hard to say what the issue might be without seeing a minimal demo.

[m4x1m]

Thanks Blake - I was testing things out and the issue ended up being a slight coding error. Glad to have fixed the issue, but embarrassed to have spent a few hours trying to sort this out.

[OSUblake]

No worries. I've been there many times before. 😉