owl carousel come usare la barra di scorrimento orizzontale?

Question

Sto usando la libreria js di owl-carousel. Ho bisogno di una barra di scorrimento orizzontale. Ho provato questo:

$("#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

Si può avere funzionalità scorrimento orizzontale utilizzando Owl Carousel 2 in combinazione con query.mousewheel.js come mostrato nella this demo del sito carosello gufo. Ma la barra di scorrimento non è visibile, è solo scorrendo con la rotellina del mouse.

Questo è il codice da collegamento demo:

<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>