在猫头鹰转盘设置在鼠标滚轮和多个项目滚动按钮点击单个项目滚动

Question

目前，它滚动两个下前一个按钮点击鼠标滚动3项。

我的设置如下：

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

基本上，它滚动，因为我设置slideBy: 'page' 3项。但是，我希望单个项目在mousescroll上滚动。

只是一个提示将被罚款。

Answer 1

@Dharmesh

1. 您可以使用owl.trigger('to.owl.carousel', [0, 500]);更换owl.trigger('next.owl.carousel');owl.trigger('prev.owl.carousel');
2. 定制owl.carousel.js。找到Navigation.prototype.getPositionNavigation.prototype.nextNavigation.prototype.prev方法和定制 params;

这是我的自定义演示页： https://gyx8899.github.io/YX-JS-ToolKit/owlCarousel2/owl-mousewheel.html