Ruzuni Posted April 14, 2022 Share Posted April 14, 2022 Hello, I am trying to make individual blocks of text animate with ScrollTrigger and SplitText. However, when I scroll to the second block of text, everything disappears. I am sure I am making a silly mistake. I have been searching the forums and the common mistakes thread here on the GreenSock website, but I can not figure out the correct way to do this where the words animate upwards on scroll with the overflow still set to hidden. I included my CodePen to the post as well. I hope this makes sense. Thank you See the Pen jOYeZxR by Ruzuni (@Ruzuni) on CodePen Link to comment Share on other sites More sharing options...
Cassie Posted April 14, 2022 Share Posted April 14, 2022 Heya, welcome to the GSAP forums! You need to do the split *inside* your loop. Right now you're animating all the words when the first 'p' comes into view Hope this helps and happy tweening! See the Pen popxLjJ?editors=1010 by GreenSock (@GreenSock) on CodePen Link to comment Share on other sites More sharing options...
Ruzuni Posted April 14, 2022 Author Share Posted April 14, 2022 Thank you so much for formatting it and explaining why! It definitely makes more sense now and I will make sure to apply this adjustment moving forward. 😃 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