猫头鹰旋转木马敏感拖动导致滚动时幻灯片更改

Ant*_*lou 7 jquery scroll touch drag carousel

我正在使用一个使用猫头鹰旋转木马2的网络应用程序.我的问题是,当我在幻灯片上垂直滚动时,让我们说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');
            }
Run Code Online (Sandbox Code Playgroud)

Jam*_*amy 1

我快速浏览了源代码,似乎您没有调整touchDrag灵敏度的选项。但是,您可以禁用它:

$('.own-carousel').ownCarousel({
    touchDrag: false
});
Run Code Online (Sandbox Code Playgroud)