[Passing props to progress not working in React]

Thank you @ZachSaucier

For anyone that finds this, you may also want to give a look into https://github.com/jonkwheeler/ScrollScene
They have ported some of ScrollMagic's functionality but using IntersectionObserver.

[Passing props to progress not working in React]

Oh I get that, I was curious if there was a guide of sorts to replicate the core features of ScrollMagic given how prevalent questions about it happen on the forum. Things like:

• Sync scrolling to timeline scrubbing 
• Trigger animation at scroll positions
• Pin elements while scrolling

Probably there's not a single source, just wishful thinking on my part

 

[Passing props to progress not working in React]

On 1/31/2020 at 6:03 PM, ZachSaucier said:

Given your request deals with both ScrollMagic (which isn't a GreenSock product and none of us really use it)

@ZachSaucier Is there a guide here somewhere on ways to replace scrollmagic with GSAP only features?

[Update Split Text when user resizes browser]

Oh great, thanks for the help and links @PointC

[Update Split Text when user resizes browser]

Hi everyone,

 

Im having a problem where the SplitText plugin is working as smoothly as I have hoped for. Problem is that when user resizes the browser the splits won't update causing the test to display weird line breaks, like these:

 

https://cl.ly/3Y3G3c0B2P12

 

Is there any way to get around this, perhaps destroying the split after the animation is complete or rebuild the split perhaps?

 

Simply running the split again also doesn't work because it will take the initial split and just split on top of that.

 

Edit: While not my codepen, this also shows the same problem: 

 

Thank you!

See the Pen bedqvz?editors=1111 by RedGlove (@RedGlove) on CodePen