Nested timelines - keeping in sync when a child timeline progress is changed

[iongion]

I am trying to find a way to keep timelines in sync, even when child timelines are modified.

 

Now, when one drags the slider of the root timeline, all the children respect it.

As soon as a child timeline is manipulated, they all go out of sync.

 

Is there a simple way to keep them in sync without recomputing manually the positions ?

See the Pen RwJOyKb by iongion (@iongion) on CodePen

[GreenSock]

I saw several problems: 

1. You set smoothChildTiming: true on the timeline which does exactly the opposite of what you're asking for here. It allows the placement of children to shift around on their parent timeline. It sounds like you want that to be false, not true.
2. You set autoplay, loop, immediateRender and easing on the timeline configuration object but there are no such properties. Those will all be completely ignored. 

I suspect you may be misunderstanding how timelines and tweens work. You might want to review this: https://greensock.com/docs/v3/GSAP

[iongion]

Thank you, revisited and fixed.

 

Coming back to original issue, there is no way than to compute manually the progress of the other sliders, once for example box2 slider is adjusted ?

[GreenSock]

Sure! You can just leverage the startTime(): 

See the Pen poKmxMY?editors=0010 by GreenSock (@GreenSock) on CodePen

 

Is that what you're looking for? 

[iongion]

Perfect, all that I was looking for! Thank you!