Onyx Posted Tuesday at 03:10 AM Share Posted Tuesday at 03:10 AM Hi All, I'm relatively new to GSAP and I'm encountering an issue with slide transitions in my project. When scrolling down, some slides move to the top while others only partially reveal before requiring another scroll to fully display. I'm aiming for consistent transitions between slides. Could anyone please advise on how to achieve smoother transitions using GSAP? I attached codepen for issue. I look forward someone guide me See the Pen xxNvOdX by OnyxJoy (@OnyxJoy) on CodePen Link to comment Share on other sites More sharing options...
GreenSock Posted Tuesday at 06:24 AM Share Posted Tuesday at 06:24 AM 3 hours ago, Onyx said: I'm relatively new to GSAP and I'm encountering an issue with slide transitions in my project. When scrolling down, some slides move to the top while others only partially reveal before requiring another scroll to fully display. I'm aiming for consistent transitions between slides. Could anyone please advise on how to achieve smoother transitions using GSAP? I read that a few times and I'm still a little fuzzy on what you mean. Your CodePen seems to work exactly the way I'd expect. And I don't know what you mean by "achieve smoother transitions". I don't see anything that's not smooth about them, so I must be missing something. Maybe you could provide a video recording or a further explanation? Link to comment Share on other sites More sharing options...
Solution Onyx Posted Tuesday at 06:48 AM Author Solution Share Posted Tuesday at 06:48 AM 20 minutes ago, GreenSock said: I read that a few times and I'm still a little fuzzy on what you mean. Your CodePen seems to work exactly the way I'd expect. And I don't know what you mean by "achieve smoother transitions". I don't see anything that's not smooth about them, so I must be missing something. Maybe you could provide a video recording or a further explanation? Thank you for checking! When I scroll, I want section 2 to appear first. Then, as I continue scrolling down, I do not want section 3 and 4 to appear together. I only want one section to be visible at a time when scrolling up or down. How to control it. Link to comment Share on other sites More sharing options...
Rodrigo Posted Tuesday at 04:54 PM Share Posted Tuesday at 04:54 PM Hi, I'm not 100% sure I follow what you're trying to achieve here, but maybe something like this: See the Pen BaowPwo by GreenSock (@GreenSock) on CodePen Hopefully this helps. Happy Tweening! 1 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