title: Disabling android's chrome pull-down-to-refresh feature
body: <p>I've created a small HTML5 web application for my company.</p>
  
  <p>This application displays a list of items and everything works fine.</p>
  
  <p>The application is mainly used on android phones and Chrome as browser. Also, the site is saved on the home screen so Android manage the whole thing as an app (<strike>using a WebView I guess</strike>).</p>
  
  <p>Chrome <strike>Beta (and I think also the Android System WebView)</strike> has introduced a "pull down to refresh" feature (<a href="http://www.phonearena.com/news/Chrome-Beta-for-Android-updated-with-a-quite-handy-pull-down-to-refresh-feature_id65360">See this link for example</a>). </p>
  
  <p>This is an handy feature but I was wondering if it can be disabled with some meta tag (or javascript stuff) because the refresh can be easily triggered by the user while navigating the list and the whole app is reloaded.</p>
  
  <p>Also this is a feature not needed by the application.</p>
  
  <p><strike>I know that this feature is still available only in Chrome beta, but I have the sensation that this is landing on the stable app, too.</strike></p>
  
  <p>Thank you!</p>
  
  <p>Edit: I've uninstalled Chrome Beta and the link pinned to the home screen now opens with the stable Chrome. So the pinned links starts with Chrome and not with a webview.</p>
  
  <p>Edit: today (2015-03-19) the pull-down-to-refresh has come to the stable chrome.</p>
  
  <p>Edit: from @Evyn answer I follow <a href="http://jsbin.com/qofuwa/2/quiet">this link</a> and got this javascript/jquery code that work.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="true">
  <div class="snippet-code snippet-currently-hidden">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var lastTouchY = 0;
  var preventPullToRefresh = false;
  
  $('body').on('touchstart', function (e) {
      if (e.originalEvent.touches.length != 1) { return; }
      lastTouchY = e.originalEvent.touches[0].clientY;
      preventPullToRefresh = window.pageYOffset == 0;
  });
  
  $('body').on('touchmove', function (e) {
      var touchY = e.originalEvent.touches[0].clientY;
      var touchYDelta = touchY - lastTouchY;
      lastTouchY = touchY;
      if (preventPullToRefresh) {
          // To suppress pull-to-refresh it is sufficient to preventDefault the first overscrolling touchmove.
          preventPullToRefresh = false;
          if (touchYDelta &gt; 0) {
              e.preventDefault();
              return;
          }
      }
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p>As @bcintegrity pointed out, I hope for a site manifest solution (and/or a meta-tag) in the future.</p>
  
  <p>Moreover suggestions for the code above are welcome.</p>