The question about the height of the section during the pinned container animation.

[mikhael]

I’m trying to set up an animation for a pinned container. Everything seems to work, but I can’t figure out why I need to set the section height to 100vh more than the height of all the scrollable elements combined.

Am I doing something wrong? 

See the Pen LEPyrjO by mikhail21990 (@mikhail21990) on CodePen.

[mikhael]

I added a second pin for the same element, and for this one, it’s no longer necessary to increase the height of the wrapper block.

[Rodrigo]

Hi,

 

Indeed this can be solved either by pinning all the visible elements to prevent that space or wrap those elements with another one and pin that parent element as shown in these demos

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

 

See the Pen ZEVpqjb by GreenSock (@GreenSock) on CodePen.

 

This is not a GSAP problem, just a need for the HTML layout that stems from the way pinning works, just that.

 

Hopefully this helps

Happy Tweening!