Vertical Timeline pinning problem

[bntratox]

Hello, Im trying to do a vertical timeline effect which the left part will describe what are the right side contains.

And the left title will keep moving down till right side ends.

Then another section with different items will start.

You can see on the codepen below:

 

The problem is, its working, but the pinning also pins the projects on the right side, I want the projects also be sliding with the left side but the left description text "pre production, programming etc." should pin to center of the screen while the right side slides.

 

See the Pen JjBGGOV by mertcanuslu (@mertcanuslu) on CodePen

[Rodrigo]

Hi,

 

A good approach could be to set the height of the section to be 100vh and make a fake scroll of the content on the right side using transforms, like in this example:

See the Pen NWMZrbj by GreenSock (@GreenSock) on CodePen

 

Hopefully that helps. Let us know if you have more questions.

 

Happy Tweening!