first panel loss the sticky attribute after pinning

[mkgreeneye2]

hi, i have couple of sticky panels
i have another title-slide before them and in absolute position 
i need to pin the sticky element while revealing this title-slide
the problem lay in the first panel which loss it's sticky.

See the Pen oNRKYJW by Mk-greeneye (@Mk-greeneye) on CodePen

[mvaneijgen]

Hi @mkgreeneye2 welcome to the forum! 

 

You can work with position: sticky; and ScrollTrigger you'll have to use ScrollTrigger to make things stick using the pin: true property. 

 

It looks like you want to create a card stacking effect. Check out my post how to create those. Hope it helps and happy tweening! 

 

[Rodrigo]

Yep I agree 100% with @mvaneijgen about using just ScrollTrigger for this instead of position: sticky.

 

Have a look at these demos, maybe they can provide some starting point:

 

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

 

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

 

Hopefully this helps.

Happy Tweening!