Yes, True Detective - Night Country is out and I had to make a Friday Goodie about it.
So for this, yes I did my research before, and actually found this awesome webflow-native-interactions-only method by the great Corey Moen, but I've been wanting to learn more about GSAP and all the goodness that comes with it, so I asked one of the guys at Amply for some help -- thanks Beto ✨.
This is what we did:
1. Make the component sticky.
2. Give its parent a huge height (for the stickiness to actually work) about 300vh.
3. Create DIV triggers -- the number of triggers equals the number of tabs.
4. Give this triggers an absolute position, 1px height and a top of 100vh, 200vh, 300vh respectively.
5. Add the magic with Beto's code, which is the following:
If you're using this, you're going to need to replace the classes with your own -- the ones in the green-ish squares above.