title: How to prevent document scrolling but allow scrolling inside div elements on websites for iOS and Android?
body: <p>I created a website with jQueryMobile for iOS and Android.</p>
  
  <p>I don't want the document itself to scroll. Instead, just an area (a <code>&lt;div&gt;</code> element) should be scrollable (via css property <code>overflow-y:scroll</code>).</p>
  
  <p>So I disabled document scrolling via:</p>
  
  <pre><code>$(document).bind("touchstart", function(e){
      e.preventDefault();
  });
  
  $(document).bind("touchmove", function(e){
      e.preventDefault();
  });
  </code></pre>
  
  <p>But that will also disable scrolling for all other elements in the document, no matter if <code>overflow:scroll</code> is set or not.</p>
  
  <p>How can I solve this?</p>