小编Ant*_*lou的帖子

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

我正在使用一个使用猫头鹰旋转木马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)

jquery scroll touch drag carousel

7
推荐指数
1
解决办法
4246
查看次数

标签 统计

carousel ×1

drag ×1

jquery ×1

scroll ×1

touch ×1