【slick】マウスホイールでスライドを動かす実装方法【コピペOK】

$(function () {
    var $carousel = $('.test-slick');

    // slickの初期化
    $carousel.slick({
        dots: true,
        autoplay: true,
        autoplaySpeed: 3000,
        centerMode: true,
        centerPadding: '10%',
        slidesToShow: 1,
    });
    
    // スクロールイベントの監視
    $carousel.on('wheel', function(e) {
        e.preventDefault();
        
        if (!$carousel.hasClass('js-slick-moving')) {
            if (e.originalEvent.deltaY < 0) {
            $(this).slick('slickNext');
            } else {
            $(this).slick('slickPrev');
            }
        }
    })
    
    // スライド送り中を判定するためにクラスを付与する
    $carousel.on('beforeChange', function(){
        $carousel.addClass('js-slick-moving');
    });
    
    $carousel.on('afterChange', function(){
        $carousel.removeClass('js-slick-moving');
    });
}); 

$(function () {
    var $carousel = $('.test-slick');

    // slickの初期化
    $carousel.slick({
        dots: true,
        autoplay: true,
        autoplaySpeed: 3000,
        centerMode: true,
        centerPadding: '10%',
        slidesToShow: 1,
    });
});