BebDev Posted September 20, 2022 Share Posted September 20, 2022 Hi guys, I'm trying to change the opacity from 0 to 1 using gsap.from(), but it's not working with scrollTrigger. Am I doing something wrong here? Cheers! See the Pen bGMWzjE by abanobakram (@abanobakram) on CodePen Link to comment Share on other sites More sharing options...
Trapti Posted September 20, 2022 Share Posted September 20, 2022 Is this what you want ? See the Pen mdLwjJb by tripti1410 (@tripti1410) on CodePen 2 Link to comment Share on other sites More sharing options...
Rodrigo Posted September 20, 2022 Share Posted September 20, 2022 Hi @BebDev, I'll get back to you in a bit with more details about this. It seems that the Beta version you're using in your codepen doesn't run the ScrollTrigger animation for the pinned component when is loaded at the start trigger point. If you switch your GSAP and ScrollTrigger versions to 3.11.1 it seems to work as expected: https://cdnjs.com/libraries/gsap/3.11.1 If @Trapti's solution works for you, then disregard this message Happy Tweening!!! 2 Link to comment Share on other sites More sharing options...
GreenSock Posted September 21, 2022 Share Posted September 21, 2022 Sorry about that - the beta version should be fixed now (you may need to clear your cache). Here's a fork that uses the upcoming release (beta): See the Pen ZEoyddm by GreenSock (@GreenSock) on CodePen 2 Link to comment Share on other sites More sharing options...
BebDev Posted September 21, 2022 Author Share Posted September 21, 2022 Hi @GreenSock Thanks so much guys. Seems to be working now !! 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