猫头鹰轮播敏感拖动导致滚动时幻灯片更改

Question

我正在开发一个使用 owl carousel 2 的 Web 应用程序。我的问题是，当我在幻灯片上垂直滚动时，假设 slide2 这会导致幻灯片更改为幻灯片 3 或幻灯片 1。我的轮播拖动过于敏感，导致我不必要的幻灯片更改。

先谢谢了，如果可以的话，我会非常感激的。

这是我的猫头鹰轮播选项

          // carousel setup
          $(".owl-carousel").owlCarousel
          ({
            responsive: true,
            lazyLoad:true,
            scrollPerPage:true,
            navigation : false,
            pagination: false, //remove pagination 
            slideSpeed : 200,    //default 200
            paginationSpeed : 400, //default 400
            singleItem: true,
            autoHeight: true,
            afterMove: top_align,
            afterMove: function(){ $(window).scrollTop(0);
             var owl = $("#viewport").data('owlCarousel');
             $(".tabBtn").removeClass("ui-btn-active").eq(owl.currentItem).addClass("ui-btn-active");
             }    
          });
            function top_align() {
            $(window).scrollTop(0);
            console.log('move');
            }

Answer 1

我快速浏览了source code，您似乎没有调整touchDrag 灵敏度的选项。但是，您可以禁用它：

$('.own-carousel').ownCarousel({
    touchDrag: false
});