title: jQuery UI Draggable and Page Scrolling (on mobile)
body: <p>I have a page full of draggable items (only in horizontal).</p>
  
  <p>If I open my page on a touch device I can't scroll the page down, obviously because the page is full of draggable elements. How can I make the page scrollable again?</p>
  
  <p>Here's the draggable() code I'm using:</p>
  
  <pre><code>$('li').draggable({
  axis: 'x',
  drag: function( event, ui ) {
      if(ui.position.left &gt; 0)
          ui.position.left = 0;
      if(ui.position.left &lt; -250)
          ui.position.left = -250;
  }
  });
  </code></pre>