Thanks for this! I'm trying to achieve something like this, your direction works but there seem to be a setback...

Based on this your example, now some of these <div>scroll</div> have dropdown elements like a submenu... Using the overflow-y: hidden makes them not visible, how do I get them to show without having to have overflow-y changed to visible?