Sliding up and fading text on scroll

[lnzdbr]

Hi guys, I'm new here. I was wondering how to recreate this text transition from Apple website (Airpods Pro page, but it can be found elsewhere, too) with ScrollTrigger. I'll attach a gif, but you can also check it from the official website. It basically pins text at the middle of the page and then it scrolls and fades to display the following text.

 

 

Thanks in advance to everyone who will help me!

[GSAP Helper]

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "how do I recreate this cool effect I saw on another site?" tutorials. Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations.  

 

You can post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

Here are some scrollTrigger demos that may help

And the ScrollTrigger docs

 

Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look.