Start animation before pinning horizontally

[JulienF]

Hello,

 

I'm trying to use the horizontal fake-scrolling but I don't see how I can start the scrub animation (box-2) before triggering the main horizontal tween.

In my demo, box-2 animation is already half way, but only playing when I'm inside the pinned area.

 

How can I make the box-2 animation start before pinning and continue after entering the pinned area?

 

Thank you

See the Pen oNmdmxZ by tristanpct (@tristanpct) on CodePen

[Toso]

 in your demo, its part of the containerAnimation the scrollTween, and this scrollTwee's trigger is .container  so as a fix here i just commented it and changed the start and end points   

 

 

 

 

See the Pen LYqmoBz?editors=0010 by ahmed-attia (@ahmed-attia) on CodePen

[JulienF]

It was as simple as that.

Thank you!