Перейти к следующему разделу после последнего слайда на скользком слайдере - PullRequest
Новая
       66

Перейти к следующему разделу после последнего слайда на скользком слайдере

0 голосов
/ 21 марта 2020

Я использую скользкий слайдер в одном из моих проектов. Я использую колесико мыши для смены слайдера с предыдущего на следующий. Я хочу, чтобы, когда пользователь достиг последнего слайда, он мог перейти к следующему разделу сайта. Вот что я попробовал до сих пор. 

    jQuery(document).ready(function(){
 const slider = jQuery(".scoll_vertical");
    slider
      .slick({
      arrows:false,
      infinite:false,
        dots: true,
       slidesToShow: 1,
      slidesToScroll: 1,
      pauseOnHover: false, 

        customPaging : function(slider, i) {
            var slide = slider.$slides[i],
                pagination = jQuery(slide).data('title');
            return '<div class="slide_pagination">' + pagination + '</div>';
        },
      });

    slider.on("mousewheel", function (event) {
            event.preventDefault();
        if (event.deltaX > 0 || event.deltaY < 0) {
            jQuery(this).slick('slickNext');
        } else if (event.deltaX < 0 || event.deltaY > 0) {
           jQuery(this).slick('slickPrev');
        }
    }).on({
      beforeChange: function(event, slick, currentSlide, nextSlide) {
        jQuery('body').removeClass('slide' + (currentSlide + 1) + '-current').addClass('slide' + (nextSlide + 1) + '-current')
      }
    });

    });
...