Sensory carousel causes a slide change when scrolling

Question

I am working on a web application using owl carousel 2. My problem is that while I scroll vertically across the slide, say slide2, this causes the slide to change to slide 3 or slide 1. My dragging and dropping of carousels is too sensitive that leads to unnecessary slide changes.

Thank you, please help if you can, I will be very grateful.

Here are my options for an owl carousel

// 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'); } 

Answer 1

I quickly looked through the source code and it seems that you have no way to configure touchDrag sensitivity. You can disable it, however:

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