Vue Text ScrollTrigger

[Tolu.A]

Hello everyone, 

I'm struggling to implement the animation in the below link. 
https://www.wealthsimple.com/en-ca/product/cash

While I have been able to create the overlay and underlay, my code so far doesn't move the text on scroll between these sections. I'd appreciate any pointers on how to make this work using GSAP.

Thank you!

See the Pen RwjJYEa by ToluAdegboyega (@ToluAdegboyega) on CodePen

[OSUblake]

Hi there, welcome to the GSAP forums!

 

As we state in the forum guidelines we don't have capacity to investigate, recreate or explain how to create custom effects found on other websites.

 

I would suggest starting out by removing ScrollTrigger and just focus on making a timeline animation that does what you want. Once you're satisfied with the animation, and all you need to do is add ScrollTrigger with scrub to your timeline.

 

[Tolu.A]

9 minutes ago, OSUblake said:

Hi there, welcome to the GSAP forums!

 

As we state in the forum guidelines we don't have capacity to investigate, recreate or explain how to create custom effects found on other websites.

 

I would suggest starting out by removing ScrollTrigger and just focus on making a timeline animation that does what you want. Once you're satisfied with the animation, and all you need to do is add ScrollTrigger with scrub to your timeline.

 

I'll try that out. Thank you.