title: Prevent modal screen from scrolling in mobile safari
body: <p>Im working on a mobile page where I want to show a modal-like screen when a user orients to landscape mode. I am taking a div and basically making it cover up the screen but the problem is in safari the user can scroll to the top or bottom of the div and it makes the screen slide up and reveal what is underneath it and then bounce back.</p>
  
  <p>The css for it looks like this </p>
  
  <pre><code>{
    div {
      height: 100%;
      width: 100%;
      overflow: hidden;
    }
  } 
  </code></pre>
  
  <p>I have read answers that make it possible to disable this in the body but not for another element. Is this possible to disable this weird scrolling effect on a specific div or is there a work around for this?</p>