Parallax div zig zag movement on scroll

I am trying to replicate a similar scrolling parallax interaction as on this site -

Where a colored circle zigzags between the different sections with a simple anchor navigation (and as you scroll down the single page).

I can’t seem to find any tutorials on how to achieve this.

Any help would be greatly appreciated.


Here is my public share link: LINK
(how to access public share link)

It’s possible to do. Probably a lot better than I have here. Hope that helps.

Great stuff, thanks so much Joe.

I will try implementing it this week.