title: OwlCarousel 2 - Carousel do not slide by "page" when touch / mouse dragging
body: <p>I've setup my carousel so that my carousel slides by "page" when clicking on navigation arrows, by setting this option: <code>slideBy: 'page'</code>. I expected the carousel to also slide by page when touch / mouse dragging, but it only slide my items 1 by 1.</p>
  
  <p>What is the right configuration to make it slide by page on touch / mouse dragging ?</p>
  
  <p>Here is my current configuration:</p>
  
  <pre><code>$('.owl-carousel').owlCarousel({
      loop: true,
      nav: false,
      navText: false,
      navSpeed: 200,
      dots: false,
      dotsSpeed: 800,
      responsive: {
          0: {
              items: 1,
              slideBy: 'page'
          },
          320: {
              items: 2,
              slideBy: 'page'
          },
          768: {
              items: 4,
              slideBy: 'page'
          },
          992: {
              items: 6,
              slideBy: 'page'
          }
      },
      slideBy: 'page',
      lazyLoad: true
  });
  </code></pre>