Webpage – tracking position and reposition yourself based on a floating image on the side

This is a bit difficult to explain so here is an image that should help: https://prnt.sc/8b51WKZJB_TN

What I’d like to see if and how could a page element be created that would be

  • floating on the side
  • would essentially show the whole page in a minimized version
  • showing where you are on the page (see red rectangle on the image)
  • and if clicked anywhere on it would scroll you to that section

There must even be a special name to this.

Has this been done somewhere? Any of you have any examples I could look at?
Generally how should I even start?

P.S. I am setting up a Webflow based website, and this would be in our blog.