Effects delay not applied when using ScrollTrigger

[Antonio Nardone]

I am trying to add a delay to effects but using ScrollTrigger to activate them ignores the effect delay.

 

See the Pen vYKjRWp by swina (@swina) on CodePen

[mikel]

Hey @Antonio Nardone,

 

Welcome to the GreenSock Forum.

 

If I got you right, how about this?

 

See the Pen qBNYYxy?editors=1010 by mikeK (@mikeK) on CodePen

 

Happy stopping ...

Mikel

 

[Antonio Nardone]

Thank you sir, but my problem is different. I have an animation that need to start after nsecs (suppose 8 as for the codepen above). If I run the animation directly without using the ScrollTrigger it works correctly (after the delay it starts).

As I add the ScrollTrigger plugin to run the animation it doesn't apply the desired delay.

In the codepen example the first (using ScrollTrigger plugin) is running immediately even if the animation has a delay of 8secs.

The second example without ScrollTrigger plugin runs correctly after 8 secs (delay)

 

Thank you

[mikel]

Hey @Antonio Nardone,

 

I'm still not sure (?), how about this?

 

See the Pen OJXZwOw by mikeK (@mikeK) on CodePen

 

Happy testing ...

Mikel

 

[akapowl]

 

Hey @Antonio Nardone

 

 

That seems to be related to you using 'restart' in the onEnter part of your toggleActions for that ScrollTrigger.

 

I changed it to 'play' instead, and the delay seems to be apllied as it should.

 

 

See the Pen 17ecac9ce3ab720040a98e1236de25cf by akapowl (@akapowl) on CodePen

 

 

[Antonio Nardone]

Thank you all ... I solved thanks to Mikel.

With ScrollTrigger onStart

onStart: ()=>{ ani.play()}

Very helpful .... I'm quite new to gasp so better if I read docs better ...

 

Have a good day you all

 

Antonio