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)
我快速浏览了源代码,似乎您没有调整touchDrag灵敏度的选项。但是,您可以禁用它:
$('.own-carousel').ownCarousel({
touchDrag: false
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
4246 次 |
| 最近记录: |