title: Javascript: Zepto swipe left + right, scroll up + down
body: <p>So I am using the Zepto library to perform some swiping actions over a list of elements that scrolls left and right. The code is pretty simple like so:</p>
  
  <pre><code>Zepto('#planlist').swipeRight(function() {
      self.click_left();
  });
  Zepto('#planlist').swipeLeft(function() {
      self.click_right();
  });
  </code></pre>
  
  <p>It just calls the same action as my click button: </p>
  
  <pre><code>click_left: function() {
      if(this.position &gt; 0) {
          -- this.position;
          this.animate();
      }
  },
  click_right: function() {
      if(this.position &lt; this.plans.length - 1) {
          ++ this.position;
          this.animate();
      }
  }
  </code></pre>
  
  <p>Anyways. The issue is, unless I set a <code>preventDefault()</code> on the scrolling, occasionally a diagonal swipe will both trigger the swipe, and scroll the page. This is a problem, because while the page scroll is happening, it keeps the animation from rendering. However, if I use <code>preventDefault()</code>, it keeps the user from being able to scroll up and down when touching this area. This is a problem, because on phone devices, this little area takes up the whole screen, so the user has no ability to scroll the page up and down. </p>
  
  <p>So the question is: Can I make swiping left and right preventDefault and keep the ability to touch-scroll up and down?</p>