How to scroll/hide absolute header div on a snap scrolling page?

Question

I am currently making a wordpress website that uses the CSS snap-scroll functionality to divide the page into different parts. Here is the general layout

<