Rich Cuer Posted April 12, 2023 Share Posted April 12, 2023 Hello! How do I make the first section not fade immediately? There's only little time you can see the first section before the second section starts animating. I tried messing with the start and end with no luck. Have any ideas? Thank you! See the Pen PoyPKGM by MetaRichi (@MetaRichi) on CodePen Link to comment Share on other sites More sharing options...
Solution mvaneijgen Posted April 12, 2023 Solution Share Posted April 12, 2023 Hi @Rich Cuer I've changed your start and end values. Where your end value was first (i+ 0.5) * innerHeight, I now set that as your start value and add 0.5 to your end value, so everything has been offset the half of your innerHeight. As you can see the markers will now start later then your pinning ScrollTrigger on line 24. With these kind of issues I always like to enable markers for all my triggers, that way I can see what is going on and where I need to tweak some things. Hope it helps and happy tweening! See the Pen vYVNWgp?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen 2 Link to comment Share on other sites More sharing options...
Rich Cuer Posted April 12, 2023 Author Share Posted April 12, 2023 Omg thank you very much! That fixed it! Link to comment Share on other sites More sharing options...
Rich Cuer Posted April 27, 2023 Author Share Posted April 27, 2023 Hi just remade this, but it seems not working when I have scrollsmoother on? Link to comment Share on other sites More sharing options...
Cassie Posted April 27, 2023 Share Posted April 27, 2023 Heya Rich - Do you have a minimal demo showing the issue? 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