How to allow an pinned element to scroll further if it doesn't fit in height?

[Poylar]

Hello. 

What i want: when I scroll to the big content block, it needs to first scroll itself to all of its content, and only after that it goes beyond other blocks. can you please give me an example of such an implementation or at least something to read to understand how to implement it?
I came up with a solution like start:'bottom 70%' for example, but how do I apply this only to a block that doesn't fit on the screen?

 

p.s what wront with orange block in codepen?

See the Pen JjvxVQw?editors=1010 by poylar (@poylar) on CodePen

[GreenSock]

I don't have much time to dig into your question right now, but perhaps one of these demos will offer some insight: 

 

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

 

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

 

If that doesn't help and you still need assistance, please let us know. 

[Poylar]

2 hours ago, GreenSock said:

I don't have much time to dig into your question right now, but perhaps one of these demos will offer some insight: 

 

 

 

 

 

 

 

If that doesn't help and you still need assistance, please let us know. 

that work, thanks you!

 

interesting that in this solution you didn't use the end parameter based on the height of each panel. This is my previous question. In any case, everything works, thanks!