Pin first page element, animate content inside, whitout space between first and second element on page

[simonderain]

Hello,

 

I want to have this excat concept without white space between line-1 and the rest of the content.

I want to pin line-1 during 500px an animate inside content during this scroll and at the end of pin continue to scroll on my page.

Do you have any idea to solve that ?

 

Thanks for your help.

Simon.

See the Pen abQqJaq by simonbak-the-encoder (@simonbak-the-encoder) on CodePen

[mvaneijgen]

Hi @simonderain welcome to the forum! 

 

I would just wrap everything you want to pin in an element and pin that element! Hope it helps and happy tweening! 

 

See the Pen VwVQzrB?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen

[simonderain]

Hi @mvaneijgen, thanks lot for your help.
That's perfect.
Have a nice day.

 

Simon.