Novaliz Posted July 20, 2023 Share Posted July 20, 2023 I would like to recreate this example written with scrollMagic and GSAP. See the Pen xopaBa by PointC (@PointC) on CodePen However, in my example panel A does not stay fixed so that panel b can slide over it from right to left, but it scrolls with it. also the scrolling from panel c to the last content is faulty. how can i fix my error? See the Pen KKrRjEB by deutschritter (@deutschritter) on CodePen Link to comment Share on other sites More sharing options...
Solution Rodrigo Posted July 20, 2023 Solution Share Posted July 20, 2023 Hi, The issue is that you are pinning the same elements that you are animating, that is one of the most common errors in ScrollTrigger. You should pin the parent element not the panels and create a single timeline to animate all the elements in the sequence you want. Here is a fork of your example: See the Pen gOQKdzv by GreenSock (@GreenSock) on CodePen Hopefully this helps. Happy Tweening! Link to comment Share on other sites More sharing options...
Novaliz Posted July 20, 2023 Author Share Posted July 20, 2023 Thank you very much! I dedicated my holidays to learn more of gsap I have gotten now what I did wrong! 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