[Enlarge an item to fit the screen]

Hi guys, I'm still quite new to gsap and I'm having some difficulties, please tell me how you can stretch the element to the full height and width of the screen, while both the container and the element itself must be pinned

 

Thanks a lot in advance for your reply

[Correct animation order]

Cassie, yes i understand, thanks a lot for your help !!!

[Correct animation order]

Cassie, yes, this is closer to what I wanted, but how to make it so that we have the effect of pinSpacing false, but at the same time that the panels go up or appear from under the current panel only at the end of its animation?  And I would like to be able to make different transitions between panels, is this even possible?

[Correct animation order]

Cassie, thank you very much for your answers, but I understand how to make an animation if the panels are located strictly after each other, I would like to understand how to make a sequential animation, but then get the effect of the appearance of a slide from under another, for example, with a slight displacement along the y axis, as soon as you start  using the transform property, it becomes unclear how to calculate the end of the first animation and the beginning of the second, since the scrolltriggers are defined without offset

[Correct animation order]

Cassie, thanks for your reply. Yes, for sure there is no need to be the main scrolltrigger, but somehow I need to fix the main container and at the same time play certain animations on the panels only at the moment when the panel appears on the screen

[Correct animation order]

Hello guys, can you please tell me how can I make all my animations follow a certain order of adding to the main timeline? Because now the first and second functions are executed simultaneously, I can't figure out how to universally set the beginning of a new trigger to the end of the previous one?
P.S. Thanks a lot in advance

See the Pen gOWOryR by uwetu (@uwetu) on CodePen

[Animation of list items moving up and disappearing]

OSUblake and Mikel, thank you so much for your answers!!!
OSUblake, the only thing I would like to ask is why you do not recommend using ScrollTrigger for this?

[Animation of list items moving up and disappearing]

Hi OSUblake!

I looked through all possible demos and still did not understand how to make a global pin on the main slide and at the same time scroll the list, plus everything, since the list appears at the bottom, the beginning and end are not calculated correctly at first

[Animation of list items moving up and disappearing]

Hello everyone, I really like your library, but while I'm still a beginner and I wanted to ask you the most correct way to implement the animation presented in the video using gsap and scrolltrigger, thank you very much in advance for your help.

P.S. I'm interested in animating a specific list