Parallax div zig zag movement on scroll

I am trying to replicate a similar scrolling parallax interaction as on this site - http://www.currencychicago.org/

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.

Thanks,
Benji


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.

http://moving-orb-easy-mode.webflow.io/

https://preview.webflow.com/preview/moving-orb-easy-mode?preview=aadb2e95037feec18b87d0d9f0eb6998

Great stuff, thanks so much Joe.

I will try implementing it this week.