Is there a way to have a fixed navigation at the top of the website going through masks that scroll with the page? For the prototype I’m trying to build, this would be a set of two different navigations, one in white, one in black (icons and text, no bg), which would 'rotate" depending on the current viewport. As far as I can tell, I cannot use a mask for the navigation content without the mask also being set to a fixed position, which accomplishes nothing.
Image of the desired result attached. Any help or suggestion appreciated.