title: How to just scroll the iframe but not its parent?
body: <p>Current my page has a menu bar and iframe section to load the items in the menu bar when clicked. I wanted the iframe to scroll but not the parent page (i want the menu bar fixed to the top).</p>
  
  <p>But the parent page scroll as well. So I set <code>position: fixed</code> for the parent page, the Content below can only be scrolled to a point and will eventually be cut off (see image below). How do I resolve this issue? </p>
  
  <p><a href="https://i.stack.imgur.com/nZyW7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nZyW7.png" alt="enter image description here"></a></p>