在光滑的滑块上的最后一张幻灯片之后移至下一部分

时间:2020-03-21 14:53:58

标签: jquery slider slick.js

我在我的一个项目中使用光滑的滑块。我正在使用鼠标滚轮来更改滑块的上一个到下一个。我想要一种方法,当用户到达最后一张幻灯片时,他们将能够滚动到网站的下一部分。这是我到目前为止尝试过的。

    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')
      }
    });

    }); 

0 个答案:

没有答案