title: Prevent body scrolling in Chrome on Android doens't work and generated error message
body: <p>I'm trying to prevent scrolling of the body content when reaching the end of the scrollable content in a fixed div.</p>
  
  <p>It was working really well in iOS, and still is, and well enough in Chrome on Android. 
  But when we did some testing a few days ago, suddenly it worked really bad in Chrome. It might be related to the release of Chrome 36 on the 14 of august. </p>
  
  <p>When reaching the bottom of the fixed div, and I'll continue to "scroll" without stopping or lifting my finger, the body starts to scroll, even though it should be prevented by my script, and generated the following error message:</p>
  
  <blockquote>
    <p>Ignored attempt to cancel a touchmove event with cancelable=false, for
    example because scrolling is in progress and cannot be interrupted.</p>
  </blockquote>
  
  <p>Is there anyway around this? Or some other trick I can use?</p>
  
  <p>The following code is used:</p>
  
  <pre><code>var scrolling = false,
  ts = null;
  
  $('body').on('touchstart.scrollable', '.a', function(e) {
    // Only execute the below code once at a time
    if (!scrolling) {
      scrolling = true;
      if (e.currentTarget.scrollTop === 0) {
        e.currentTarget.scrollTop = 1;
      } else if (e.currentTarget.scrollHeight === e.currentTarget.scrollTop + e.currentTarget.offsetHeight) {
        e.currentTarget.scrollTop -= 1;
      }
      scrolling = false;
    }
    ts = e.originalEvent.touches[0].clientY;
  });
  
  $('body').on('touchmove.scrollable', '.a', function(e) {
    //If there is no scrollabe content we disable default event
    var te = e.originalEvent.changedTouches[0].clientY,
        direction = ts &gt; te ? 'down' : 'up';
  
  
    $container = $('.a');
    $content = $('.b');
  
    if ($content.height() &lt;= $container.height()) {
        e.preventDefault();
      console.log('Default prevented');
    } else if ($container.scrollTop() &lt;= 1 &amp;&amp; direction == 'up') {
        e.preventDefault();
      console.log('Default prevented');
    } else if ($container.scrollTop() &gt; 0 &amp;&amp; ($container.scrollTop() + $container.height() &gt;= $content.height() - 1) &amp;&amp; direction == 'down') {
        e.preventDefault();
      console.log('Default prevented');
    }
  
    /* Keep from bubbling */
    e.stopPropagation();
  });
  </code></pre>
  
  <p>Please see the following example for complete source and to test:</p>
  
  <p><a href="http://jsbin.com/riwajopuvuzo/1/edit" rel="nofollow">Link to JSBin</a> (They seems to expire after 24 hours) Please press File -> Clone if that has happend, and then view in fullscreen)</p>
  
  <p>Thanks!</p>