title: Sidebar Navigation menu is flickering while scrolling on iPhone/iPad
body: <p>Since the latest iPhone/iPad update the sidebar navigation menu is flickering while scrolling up and down. </p>
  
  <p>I've been trying many approachs but nothing really works.</p>
  
  <p>The first try was to prevent scrolling (body), when the menu is open:</p>
  
  <pre><code>.overflow {
     position:relative;
     overflow:hidden;
     height:100%;
  }
  </code></pre>
  
  <p>Unfortunately this doesn't fix the issue so I have tried this:</p>
  
  <pre><code>.overflow {
     position:fixed;
     overflow:hidden;
     height:100%;
  }
  </code></pre>
  
  <p>This works but when a user opens the menu the page jumps to the top and the address bar also appears. IMO not a good user experience.</p>
  
  <p>I have also tried to add this to several elements:</p>
  
  <pre><code>div {
     -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
             backface-visibility: hidden;
  } 
  </code></pre>
  
  <p>So, now I could either try to solve it with the position-fixed approach or try to avoid the flickering. I don't know why but the 'overflow:hidden' doesn't really work on iPhones. </p>
  
  <p>Does anyone have a nice fix for this?</p>