उल्लू कैरोसेल स्क्रॉल बार क्षैतिज का उपयोग कैसे करें?

Question

मैं उल्लू-कैरोसेल जेएस लाइब्रेरी का उपयोग कर रहा हूं। मुझे क्षैतिज स्क्रॉल बार सुविधा चाहिए। query.mousewheel.js के साथ संयोजन में Owl Carousel 2 का उपयोग कर के रूप में उल्लू हिंडोला वेबसाइट के this demo में दिखाया द्वारा

$("#owl-demo").owlCarousel({ 
      Horizontal: true, // not working this 
      items : 4, 
      itemsDesktop : [1199,3], 
      itemsDesktopSmall : [979,3], 
      itemsTablet: [2400,4], //2 items between 600 and 0 
      itemsMobile :[1200,4]   
     }); 

Click this reference

Answer 1

आप क्षैतिज स्क्रॉल कार्यक्षमता हो सकता है: मैं इस कोशिश की। लेकिन स्क्रॉल बार दिखाई नहीं दे रहा है, यह सिर्फ आपके माउस व्हील के साथ स्क्रॉल कर रहा है।

<script src="path/to/jquery.min.js"></script> 
<script src="path/to/owl.carousel.js"></script> 
<script src="path/to/jquery.mousewheel.min.js"></script> 

<script> 
    $(document).ready(function() { 
     var owl = $('.owl-carousel'); 
     owl.owlCarousel({ 
      loop:true, 
      nav:true, 
      margin:10, 
      responsive:{ 
       0:{ 
        items:1 
       }, 
       600:{ 
        items:3 
       },    
       960:{ 
        items:5 
       }, 
       1200:{ 
        items:6 
       } 
      } 
     }); 
     owl.on('mousewheel', '.owl-stage', function (e) { 
      if (e.deltaY>0) { 
       owl.trigger('next.owl'); 
      } else { 
       owl.trigger('prev.owl'); 
      } 
      e.preventDefault(); 
     }); 
    }); 
</script>