Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Slava Mak

ScrollTrigger pinned sections with children ScrollTrigger's

Go to solution Solved by akapowl,

Recommended Posts

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

Link to post
Share on other sites

 

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

 

 

 

 

  • Like 4
  • Thanks 1
Link to post
Share on other sites

Paul's response is quite awesome. :) 

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×