Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

ScrollTrigger with SplitText on multiple items

Recommended Posts



I'm using ScrollTrigger with SplitText across many titles down a page. I've read the documentation and can see a section related to this in the "Most Common ScrollTrigger Mistakes" section. I see I need to create a toArray. I'm just a little unsure how to apply this code to the SplitText code I'm using. Can anyone point me in the right direction please?



See the Pen VwMWyXQ by alexkodr (@alexkodr) on CodePen

Link to comment
Share on other sites

Hi @kodralex :)


Here's a fork of your demo that should work for you. I switched the ease to none as I find that a bit better with scrub and I boosted the stagger just to make it obvious that everything was working. 


See the Pen 5e391b2175d6cd57b6dbfd9a870de42e by PointC (@PointC) on CodePen


Hopefully that helps.


Happy tweening.




  • Like 3
Link to comment
Share on other sites

Hi Craig,


I can now see how you incorporated the array into the initial code I had. Thank you for taking time out to look, it's much appreciated. This will help greatly going forward.



Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.