title: preventDefault prevents scrolling
body: <p>I've created a responsive site that users can bookmark to their home screen. On a tablet and phone it would be nice if when the user scrolls to the top of the page or to the bottom of the page the screen doesn't do that thing where if you scroll too far down or too far up you see a bit of grey behind the page and it snaps back. </p>
  
  <p>I know that using 'preventDefault' on the body will make this happen, however doing so now prevents the user from scrolling at all.</p>
  
  <p>Here is the javascript:</p>
  
  <pre><code>$(document).ready(function(){
    document.ontouchmove = function(e){e.preventDefault();}
  });
  </code></pre>
  
  <p>Here is the html call:</p>
  
  <pre><code>&lt;body ontouchmove="touchMove(event)"&gt; 
  </code></pre>