I have a master timeline that combines a series of child timelines.
(A navbar contains references to the labels of each child timeline so the user can jump to any section of the master.)
I looking for a way to add extra time at the end of child timeline before moving to the next.
I've tried, for example, using tl.add("+=4") to the end of a child timeline. But this does not add any time to the end of the child timeline. The next child timeline will play immediately after any tween in the previous child timeline.
http://codepen.io/macfire/pen/PwRNJj
var master = new TimelineMax();
master.add(child_red())
.add(child_blue())
.add(child_green())
;
function child_red() {
master.add("child_red");
var tl = new TimelineMax();
tl.to("#redBox", 1, {x:550})
.to("#redBox",1,{rotation:360})
/*
Want to extend timeline by n-seconds.
No visible animation -- just allowing user time to read some text.
*/
//.add("+=4"); // <-- doesn't work as expected when at end of child timeline
//.addPause("+=4"); // <-- interferes with master.goToAndPlay function. Does the pause have to be removed?
return tl;
}
...