Horizontal Scrolling Cards and Pin Parent in the center of the Viewport

[Ziafat Ali]

Greetings,

 

I'm trying to create a horizontal-scrolling card layout and want to pin the card's parent in the middle of the viewport, but I don't want the spacing above and below the pin section. Currently, card scrolling works but the parent scrolled away behind the cards. Please take a look at the code pen demo and advise.

 

 

Thank you,

See the Pen WNPQXVr by ziafatali (@ziafatali) on CodePen

[Rodrigo]

Hi,

 

In this cases is better to pin a larger element that wraps all the elements (previous, current and next sections), like in these demos:

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

 

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

 

Hopefully this helps.

Happy Tweening!

[Ziafat Ali]

Great!

 

Thank you for the help.