Switch text from a div based on scroll

[Vlasin]

Hi GSAP and GSAP community!

 

I am new to this and maybe someone can help or in case this is already tackled by someone else point me in the right direction. 

 

I saw this website which has this cool effect in the first headline in which the text changes based on the user's scroll. Link: https://wickret.cuberto.com/

 

Basically I would like to recreate this, I can only assume that they are using GSAP.

 

Thank you in advance and sorry for opening a new topic but couldn't find anything related to it.

See the Pen mdEyxaK by Vlasin (@Vlasin) on CodePen.

[PointC]

Hi @Vlasin 

 

Welcome to the forum.

 

Have you seen the ScrollTrigger plugin? It's just what you need for your project. There are lots of docs and demos to get you started.

 

Happy tweening.

 

[Vlasin]

Hey PointC!

 

I saw the demos and nothing really fit my case. Can you provide, if possible, a more hands down example? 

[akapowl]

 

Hye @Vlasin

 

This thread here shows possible ways of how to achieve that sort of text-chang on scroll. Happy Scrolling!

 

 

[PointC]

Ha! You're quick today @akapowl. I was just looking for that thread.

 

[Vlasin]

Incredible. Thank you very much. I do not know why I didn't find this.

 

Thank you again. Really helpful

[akapowl]

5 minutes ago, PointC said:

Ha! You're quick today @akapowl. I was just looking for that thread.

 

Yah, I've enhanced my thread searching game - and I can state that just searching for cuberto / wickret in the forums was way quicker than strolling through my past activity