Swiper JS how to lock the scroll when you hover over the unit?

var methods = {
'init':function(){
this.initSwiperMain();
this.initSwiperExt();
this.initYandexMap();
},

'initSwiperMain':function(){
 if (appConfig.mobileVersion) { return false; } 




 params.swipers.swiperMain = $thisNodes.swiperMain.swiper({
 speed: 500,
 loop: false,
 direction: 'vertical',
 onlyExternal: true,
 roundLengths: true,
 preventClicks: false,
 mousewheelControl: true,
 simulateTouch: false,
 pagination: $('.is-tech-pager')[0],
 paginationClickable: true,
 paginationBulletRender: function (sw, index) {
 var thisTitle = sw.slides[index].dataset.title || "";
 return '<div class="swiper-pagination-bullet"><div class="spb-label"><span>' + thisTitle + '</span></div></div>';
},
onSlideChangeStart:function(sw){
 if(sw.activeIndex>0) {
conf.nodeBody.addClass('body-state-technology-second');
 } else {
conf.nodeBody.removeClass('body-state-technology-second');
}
}
});
}

Is the slider.

When you hover over the unit with the class .l-col-map need to disable the scroll. And when you move the cursor off of the block .l-col-map to enable scroll.

Spent the whole day, so nothing happened. Tried a lot of methods all that was in the documentation...

This is what we have at the moment.
$('.l-col-map').on('mouseenter', function (e) {
 params.swipers.swiperMain = $thisNodes.swiperMain.swiper({
 speed: 500,
 loop: false,
 direction: 'vertical',
 onlyExternal: false,
 roundLengths: false,
 preventClicks: false,
 noSwiping: true,
 mousewheelControl: false,
});
})
 $('.swiper-container').on('mouseenter', function (e) {
 params.swipers.swiperMain = $thisNodes.swiperMain.swiper({
 speed: 500,
 loop: false,
 direction: 'vertical',
 onlyExternal: true,
 noSwiping: false,
 roundLengths: true,
 preventClicks: false,
 mousewheelControl: true,
});
 })
April 3rd 20 at 18:25
0 answer

Find more questions by tags jQuerySwiper