I created a mobile navigation with DIVs in webflow. So when you click an icon I made, it shows a div in the middle of the screen.
I also have a hero section with 1440px height. When the nav shows, you can scroll the nav which is fine. However when the nav ends you can still see the hero image, since the nav is about 1000px in height, but the hero is much bigger.
I want it to fill the screen and allow the user to scroll the nav, but they cannot go scroll farther below the div. This is just the same way how Apple's website is laid out:
Does anyone know what settings I should apply to the DIV to do this? Or should I modify the height of all of the other objects on the screen to do this? Thanks!