title: Disable Elastic Scrolling in iOS Safari
body: <p>I am trying to disable the elastic scrolling/bounce that is caused when pulling down from the top of an iOS Safari Page or vice versa at the bottom.</p>
  
  <p>I have tried a technique below which I have seen people have said works but hasn't worked so far for me:</p>
  
  <pre><code>html,
  body {
      width: 100%;
      height: 100%;
      overflow: hidden;
  
      #ios-scroll-wrapper {
          overflow: auto OR scroll;
      }
  }
  </code></pre>
  
  <p>Is this something that is not able to be disabled now on iOS Safari? It's quite annoying to have as I have a fixed header/navigation at the top of the screen and pulling the page down causing the elastic scroll to either pull all content down apart from the header or with the above fix it will pull the content down and the header will disappear.</p>
  
  <p>EDIT: Just as an FYI, this page/site is not using PhoneGap and a lot of solutions I have looked at so far use PhoneGap.</p>