olegbatka
@olegbatka

Slick slider делаешь свайп на тачпад и прокручивает сразу все слайды. Как сделать чтоб прокручивался один слайд?

https://qamos.ru/product/ на сайте есть блок *ЦИКЛ*. если по нему сделать свайп, то прокручиваются сразу все слайды, а надо чтобы прокручивался один слайд.. как это сделать?

Сейчас вот такие настройки слайдера
$(document).ready(function() {
    $('.cikl').bind('mousewheel DOMMouseScroll', function(e) {
        const slider = $(".sliders");
        var slideCount = $(slider)[0].slick["slideCount"];
        var currentIndex = $(slider).slick("slickCurrentSlide");
        var totalSildeToShow = $(slider)[0].slick.options["slidesToShow"];

        if (e.originalEvent.deltaY >= 0) {
            if ((slideCount - 1) !== currentIndex) {
                e.preventDefault();
                var delta = e.wheelDelta || e.detail;
                this.scrollTop += (delta < 0 ? 1 : -1);
                $(".sliders").slick('slickNext')
            }
        } else {
            if (currentIndex != 0) {
                e.preventDefault();
                var delta = e.wheelDelta || e.detail;
                this.scrollTop += (delta < 0 ? 1 : -1);
                $(".sliders").slick('slickPrev')
            }
        }



    });

    $('.sliders').slick({
        vertical: true,
        infinite: false,
        arrows: true,
        dots: false,
        centerMode: true,
        swipeToSlide: true
    });

});
  • Вопрос задан
  • 295 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы