title: owl-Carousel is not stopping vertical drag
body: <p>This my Script </p>
  
  <p><strong>JS:</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('.owl-carousel').owlCarousel({
    loop:false,
    margin:10,
    responsiveClass:true,
    responsive:{
      0:{
             items:1
         },
         600:{
             items:2
         },
         960:{
             items:3
         },
         1200:{
             items:3
         }
  
    }
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>All I want to do is when user is sliding/dragging items to left or right vertical scroll is disabled and as soon as user stops drag it enables. 
  I used onDrag and onDragged events but they work when the item is dragged not while dragging.</p>