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

时间:2015-03-16 01:01:23

标签: jquery scroll touch carousel drag

我正在使用一个使用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');
            }

1 个答案:

答案 0 :(得分:1)

我已快速浏览source code,您似乎无法调整touchDrag敏感度。但是你可以禁用它:

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