title: Mobile web: -webkit-overflow-scrolling: touch conflicts with position:fixed
body: <p>I use <code>position: fixed</code> to create a fixed top navigation menu on my mobile web application.</p>
  
  <p>After adding <code>-webkit-overflow-scrolling: touch</code>, the scrolling works smoothly. However, the top menu disappears during scrolling. It shows only after the scrolling stops. </p>
  
  <p>I have searched many solutions, such as <a href="https://stackoverflow.com/questions/7808110/css3-property-webkit-overflow-scrollingtouch-error">CSS3 property webkit-overflow-scrolling:touch ERROR</a> and <a href="https://stackoverflow.com/questions/8110580/ios5-images-disappear-when-scrolling-with-webkit-overflow-scrolling-touch/8275972#8275972">iOS5 Images disappear when scrolling with webkit-overflow-scrolling: touch</a>. However, the given solutions are not working for me. Please check out this example: <a href="http://jsbin.com/woxuwihuzu/12/" rel="noreferrer">http://jsbin.com/woxuwihuzu/12/</a> (visited from iPhone 5c Chrome/Firefox).</p>
  
  <p>Did I miss anything?</p>