ScrollTrigger pinned sections with children ScrollTrigger's

[Slava Mak 0 Likes (Newbie)]

Hi, there! GSAP ScrollTrigger is something amazing. Thank you for that.

But I am a beginner and I have little information on how I could implement this. I attached a pen with a simple example of what I would like to get.
I need each section that has a pin also to contain animations based on the user's scroll.
For example, when I get to section 2, I would like to change the main image to the images that go below when scrolling sequentially.

Also, I need the text on the left to change for each image. How can I achieve this? Perhaps there are examples that I missed? Thanks

 

See the Pen wvoEOOz by slavamak (@slavamak) on CodePen

[akapowl 2,156 Likes (Superhero)]

 

Hey @Slava Mak - welcome to the forum.

 

There are demos on the ScrollTrigger demo-page that show how to achieve something like you want to - if I understood correctly.

Depending on how exactly you want things to happen, one might be more helpful than the other.

 

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

 

See the Pen 6a2480c123d88dc391faba0ea5cc590f by akapowl (@akapowl) on CodePen

 

 

 

And here are some related threads that might also be helpful

 

 

 

 

[tailbreezy 214 Likes (Specialist)]

Paul's response is quite awesome.