title: Disabling iOS elastic body scroll & keep native scrolling working
body: <p>I am currently working on a single page web app optimized for touch devices, mainly iOS. I've implemented the new iOS native scrolling via <code>-webkit-overflow-scrolling: touch;</code> and all works well except that we are still experiencing the apple elastic scroll effect on the whole page body.</p>
  
  <p>This involves the whole page moving off the top/bottom of the viewport when a scroll ends or the body is pushed and really gives away the fact that this is a web app. I have followed <a href="http://www.smilingsouls.net/Blog/20110804114957.html">various guidelines</a> on how to prevent this and while they do work, they prevent inner scrollable elements from working altogether.</p>
  
  <p><a href="http://jsfiddle.net/madcapnmckay/G94R2/embedded/result/">Here's a fiddle</a> to demonstrate what I'm using so far.</p>
  
  <p>Has anyone found a solution that disables body elastic scrolling but lets inner scrollables work?</p>