ScrollTrigger vertical scroll pin-spacer problem

[goooon]

Hello. can't figure out how to fix this.

I searched the forum, but did not find exactly this problem. And what I did find I didn't really understand.

If pinSpace: True,  I have a huge padding below section 2. 
If pinSpace: false, the spacer exceeds the section 3.

 

*The reason why I give so much height to section 2 is to slow down the animation. 

 

Can you help me? 

 

See the Pen gOmOxze by Gon82 (@Gon82) on CodePen

[elegantseagulls]

Hi @goooon,

 

Remove your height setting for section2, then use end: '+=600%', pinSpacing: true,

 

The percentage for the end value is viewport heights so that'd give you the same effect without overlapping section 3.

[goooon]

Amazing. I can't believe it.

 

@elegantseagulls.

Thank you so much!