Flex Nav when rubberband

Hi! I have been trying to figure this out but haven’t been able to on my own. On pages like https://www.sonos.com/ and https://ouraring.com/ the nav bar rubber bands with the rest of the page at the top, but in webflow the navbar stays fixed to the top of the window while the rest of the page rubberbands when using a regular flexbox navbar. Is there any way to get around this? It looks a bit broken when it stays and doesnt rubberband with the page, so would love to find a solution if possible!

Best,
Freddie

There is a option for this in webflow page trigger select Page scrolled.
Screenshot 2023-09-08 at 13.06.51

From there you can animate the navigation menu when the user scrolls the page up or down. These type of animaions can be abit hard to get right but give it a try.

Thanks for your answer Felix, but it’s not the disappear effect I’m thinking about but the rubber banding at the top of the page (when scrolling up further than the actual content the page over extends which is called rubber banding). When those pages rubber bands the menu follows the page, but when I do it on a webflow page the menu doesn’t follow the rest of the page.

Here you can see the white border that appears above the menu bar when scrolling up, and the nav bar follows the content of the page when rubber banding at the top:

But webflow rubber bands everything except the menu which stays glued to the top of the window and therefore clips in with the white:

Is this a bug or something I can control?