TimelineMax problem with staggers and position parameter

[federicovezzoli]

As you can see in the codepen, when I have two staggers one after another, the position parameter of the second stagger is not respected.

The second stagger always start after the first one is done.

I've tried with a label, nothing changes.

 

Anyone can shed some light? Am I missing something?

 

thanks a lot

See the Pen RzjNVb by federicovezzoli (@federicovezzoli) on CodePen

[Dipscom]

It's because you're setting the 0.5 in the default "stagger" place.

 

Have a look at the docs for a full listing of the properties.

 

// Instead of this
.staggerFromTo(second.children, 0.7, { opacity: 0, yPercent: 50 }, { opacity: 1, yPercent: 0, ease: Sine.easeOut, stagger: 0.1 }, 0.5)

// You want this
.staggerFromTo(second.children, 0.7, { opacity: 0, yPercent: 50 }, { opacity: 1, yPercent: 0, ease: Sine.easeOut, stagger: 0.1 }, null, 0.5)

 

[federicovezzoli]

Damn, that was easy! 

 

thanks!