title: Stop overscroll when using "-webkit-overflow-scrolling: touch"?
body: <p>I've found the:</p>
  
  <pre><code>-webkit-overflow-scrolling: touch;
  </code></pre>
  
  <p>css element to give us native scrolling on ios. This seems to work ok for me. </p>
  
  <p>But is there a way to turn off the "overscroll" effect? </p>
  
  <p>For example, when scroll position = zero, and you keep dragging downwards, the top of my content will move downwards revealing a little bit of white space above it. When you release your finger, the content snaps back upwards. Is there a way to disable just that portion of it?</p>
  
  <p>Also I read from here:</p>
  
  <p><a href="http://cantina.co/2012/03/06/ios-5-native-scrolling-grins-and-gothcas/" rel="nofollow">http://cantina.co/2012/03/06/ios-5-native-scrolling-grins-and-gothcas/</a></p>
  
  <p>that apple had introduced this with a bug related to rendering, and a hack fix of:</p>
  
  <pre><code>-webkit-transform: translate3d(0,0,0);
  </code></pre>
  
  <p>is supposed to fix it. Was that fixed with ios6?</p>