Two timelines one problem

[VicUK]

Hi there I have a very particular problem I have two animations one triggered on scroll at a certain point it reaches stopping point once that happens the yoyo idle animation kicks in which happens until you start scrolling again. They idle animation rotates and wobbles the elements in the animation. 

 

The scroll animation is a sequence of fromTo's and idle is a sequence of To with repeat -1 and yoyo.

 

Anyway when the next scroll happens I stop the animation and run the scrolling one again - now what I need it to do at the point of stopping the idle animation and start of the new animation the existing values on the transforms left over from the idle to gradually animate to the start of the scroll triggered animation so there is no jolt when the scroll happens.

 

Due to NDA I can't post any source.

 

What I basically need is for one animation to start from where the other has left off and nicely animate to values where the other starts.

[Diaco]

Hi VicUK 

 

pls make a reduce Codepen Demo available for your questions/problems .

[GreenSock]

I'd echo Diaco's request for a reduced test case (demo), but if I understand your description properly I wonder if it'd be as simple as calling invalidate() on the "scrolling" animation. What that'd to is basically tell all the tweens to dump any recorded starting values (those get recorded the first time the tween renders) and re-instantiate. Maybe try that and let us know if it solves things for you. Or another solution may be to just tween the values to where you want them to start (where the "scrolling" ones begin) before you resume() it.