Sidebar menu show/hide based on div contents

Hello, I am trying to have a side menu that can be shown/hide on scroll. When the scroll reaches to full-screen image section, I would like this menu to disappear and appear elsewhere.
I am pasting the examples have this feature. Please help if I can achieve this using Webflow.

Thank you for your help!

Example (Medium):

SHOW


HIDE

Another example:
https://tony-jin.com/html/works/mirror-mirror.html

SHOW


HIDE