jQuery(document).ready(function () { jQuery('.testislider').slick({ infinite: true, slidesToShow: 3, slidesToScroll: 1, centerMode: true, focusOnSelect: true, dots: false, nav: false, arrows: false, responsive: [ { breakpoint: 1200, settings: { slidesToShow: 2, slidesToScroll: 2, } }, { breakpoint: 768, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); jQuery('.testislider').on('wheel', function(e) { e.preventDefault(); if (e.originalEvent.deltaY < 0) { jQuery(this).slick('slickNext'); } else { jQuery(this).slick('slickPrev'); } }); });