Owl Carousel 2 mousewheel slider
<p>Is there an option to scroll only one of the owl-carousel sliders on mousewheel?
When i click the prev or next btn it's slides only the current carousel but on mousewheel slides all!</p>

<p><strong>HTML</strong></p>

<pre><code>&lt;div class="owl-carousel"&gt;
   &lt;div class="item"&gt;
      item
   &lt;/div&gt;
   &lt;div class="item"&gt;
      item
   &lt;/div&gt;
   &lt;div class="item"&gt;
      item
   &lt;/div&gt; 
&lt;/div&gt; 
</code></pre>

<p><strong>JS</strong></p>

<pre><code>$('.owl-carousel').owlCarousel({
   loop: true,
   margin: 30,
   nav: true, 
   responsiveClass: true,
   responsive: {
      0: {
         items: 1 
      },
      600: {
         items: 2 
      },
      1000: {
         items: 3
      }
   }
});
var owl = $('.owl-carousel');
owl.on('mousewheel', '.owl-stage', function(e) {
   if (e.deltaY &gt; 0) {
      owl.trigger('next.owl');
   } else {
      owl.trigger('prev.owl');
   }
   e.preventDefault();
});
</code></pre>

<p><a href="https://jsfiddle.net/shokwave/ghqpkmes/" rel="nofollow">jsfiddle</a></p>