TimelineLite / TimelineMax .add() with Stagger

[icg_cnunez 0 Likes (Newbie)]

Simple question regarding TimelineLite / TimelineMax .add() with Stagger:

 

Is it necessary to do this:

tl.add([tween, tween, tween], "+=5", "normal", "stagger", 5); // shown in documentation example

 

or would you do this:

tl.add([tween, tween, tween], "+=5, "normal", 5); // what I would expect to do

[Carl 9,066 Likes (Superhero)]

Hi,

 

Sorry for the confusion. The second way is correct.

 

I just looked at the JS docs and could not find the example you are referencing. Would you mind pasting a link to the exact section?

 

*note: the docs are in a frameset, so if necessary click the "no frames" link at the top to get the url. 

 

Again, sorry for the confusion, we'll fix it once we know where it is.

 

Thanks.

[icg_cnunez 0 Likes (Newbie)]

Here is the link:

 

http://api.greensock.com/js/com/greensock/TimelineLite.html#add()

 

It is the last example before the parameters are defined.

 

It seemed to me that by using tl.add($elements, "stagger", staggerValue); I could bypass the position and/or align parameters. Is this not true?

[Carl 9,066 Likes (Superhero)]

ok, I see the trouble.

 

First, you had posted that the docs contained:

 

tl.add([tween, tween, tween], "+=5", "normal", "stagger", 5); //

 

 

I looked for the "normal" and "stagger" doubled-up like that and it couldn't find it.

 

But, yes, you are correct in that the docs had an error. They showed:

 

BAD

 

tl.add([tween1, tween2, tween3], "+=2", "stagger", 0.5);

 

 

GOOD

 

 

tl.add([tween1, tween2, tween3], "+=2", "sequence", 0.5);

 

"stagger" is not a valid align value. "stagger" is the name of the 4th parameter. It was just a mistake our end.

 

 

So again, my apologies for the confusion. The docs are updated now. Thanks for pointing it out.

 

---

 

I don't know if that clears up your other issue, but just to be clear, the position parameter must always precede the align parameter.

 

Stick to the updated docs and you should be good;)

 

If you need any other help, don't hesitate to ask.

[icg_cnunez 0 Likes (Newbie)]

Okay, thank you.