[ScrollTrigger]

hmmmm

 

While it comes up as the animation has already run.  When I refresh the page, the photos come up and then the animation runs right away.   But it still works perfectly fine in development.

[ScrollTrigger]

I will try that, but using Vue.js

 

Will post either way.

 

Cheers

 

[ScrollTrigger]

Thanks for that reply.  I will look into it further from my end.

 

Cheers

[ScrollTrigger]

This is my import etc, using VUE if that matters to anyone.

 

import gsap from "gsap";

import { ScrollToPlugin } from "gsap/ScrollToPlugin";

import { ScrollTrigger } from "gsap/ScrollTrigger";

 

gsap.registerPlugin( ScrollTrigger, ScrollToPlugin );

[ScrollTrigger]

Good afternoon,

 

When I am in development mode everything works fine.  But in build/production I get this:

 

Invalid property scrollTrigger set to Objectend: "bottom bottom"scrub: 2start: "-50px top"trigger: ".scrollDist"__proto__: Object Missing plugin? gsap.registerPlugin()

 

This is my code I have written:

gsap.timeline({scrollTrigger:{trigger:'.scrollDist', start:'-70px top', end:'bottom bottom', scrub:2}})

 

Not too sure why it runs fine in dev but not in build?

 

Many thanks

 

Joel