Slava Mak Posted March 7, 2021 Share Posted March 7, 2021 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 comment Share on other sites More sharing options...
Solution akapowl Posted March 8, 2021 Solution Share Posted March 8, 2021 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 4 1 Link to comment Share on other sites More sharing options...
tailbreezy Posted March 8, 2021 Share Posted March 8, 2021 Paul's response is quite awesome. Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now