Problems resizing a scene with a pinned ScrollTrigger + SplitText with absolute position

[Pedro Rezende]

Hello everyone,

 

I'm still having problems trying to get the best of ScrollTrigger + SplitText. For the effect I want to achieve, I really need the SplitText position set as absolute. And to get things a bit tricky, I need the page content to be pinned. 

 

The problem is happening when I resize the screen. If I split again on resize, it seems to calculate the wrong chars position because the pinned container seems to have a debounce somewhere.  If I put on onRefresh, I lose the reference to text.chars on my timeline.

 

I placed some comments on the code to demonstrate this issue. Could someone help me out pointing if I'm doing something wrong or suggesting a workaround to this issue?

 

Thank you very much!

 

 

See the Pen oNJdBee by prznd (@prznd) on CodePen

[GreenSock]

Are you trying to do something like this?: 

See the Pen GRPdENx?editors=0010 by GreenSock (@GreenSock) on CodePen