Slick slider как сделать чтобы листал слайд при скроле?
подскажите пожалуйста как можно реализовать правильно, чтобы при скроле к блоку со слайдером он скролил ? Сейчас я отключил стрелки, но получается, что при скроле к блоку со слайдером останавливается, ты не можешь скролить вверх вниз, а включается скрол (стрелки) влево и вправо. Как сделать, чтобы не было остановки и слайдером скролился при скроле вниз и верх к блоку. Спасибо заранее.
jQuery(function($) {
jQuery(document).ready(function () {
$('.slick-slider')
.slick({
slidesToShow: 4,
slidesToScroll: 1,
autoplay: false,
dots: true,
arrows: false,
infinite: false,
responsive: [
{
breakpoint: 1400,
settings: {
slidesToShow: 3.5,
slidesToScroll: 1,
},
},
{
breakpoint: 1200,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
},
},
{
breakpoint: 786,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
},
},
{
breakpoint: 600,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: true,
},
},
],
})
.on('wheel', function (e) {
e.preventDefault();
if (e.originalEvent.deltaY < 0) {
$(this).slick('slickNext');
} else {
$(this).slick('slickPrev');
}
});
});
});