我正在使用一个使用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');
}
答案 0 :(得分:1)
我已快速浏览source code,您似乎无法调整touchDrag
敏感度。但是你可以禁用它:
$('.own-carousel').ownCarousel({
touchDrag: false
});