Scrolltrigger.batch sometimes doesn't trigger an animation in Nuxt.js

[Packo]

Hey, I have this problem, that the scrolltrigger doesn't initiate the animation when I change the routes in the Nuxt.js. When I check the console, I see that the animation initiated without me getting into the viewport. However, when I reroute again, the animation starts properly. This mostly doesn't work on 1 particular page for some reason. If I have less images, the animation starts mostly without a problem.

 

I have this RevealFromBottom component that acts as a wrapper for whatever I put inside, mostly images and videos. I used the Scrolltrigger.batch because I have lot of images I need to initiate the animation on. 

 

I can't provide complete code, but later on I'll provide website so you can see what I mean.

See the Pen BadJpGG by spreceriany (@spreceriany) on CodePen

[OSUblake]

Hi Packo,

 

It's really hard to make sense of scrolling code without a demo. It would really help out if you could fork this template and recreate the issue in it.