Trigger tab change when page is scrolled

Hi folks,

Im trying to create 4 tabs that are clickable and cycle through as the user scrolls.

The tab version works exactly how i’d like it to, but I just can’t work out a way to trigger it using scroll! Any ideas anyone, been scratching my head for a while with this one!

I’ve also tried using a custom animation using some divs and a ‘While scrolling in view’ animation. This works, but I don’t like the way the animations transition through and i’m limited with timings etc as they are triggered by the scroll percentage.

Thanks all :slight_smile:

Here is my public share link: