Tengo un carrusel vertical slick.js y tengo algunos javaScript personalizados para manejar el desplazamiento de la rueda del mouse, me gustaría deshabilitar esto cuando el usuario llega a la última diapositiva.

Algún código de ejemplo.

 $(".slick").slick({ adaptiveHeight: true, vertical: true, verticalSwiping: true, autoPlay: false, infinite: false, useCSS: false, slidesToShow: 1, slidesToScroll: 1, dots: false, arrows: false, }); let blocked = false; let blockTimeout = null; let prevDeltaY = 0; // Handling mouse wheel action. $(".slick").on("mousewheel DOMMouseScroll wheel", function (e) { let deltaY = e.originalEvent.deltaY; e.preventDefault(); e.stopPropagation(); clearTimeout(blockTimeout); blockTimeout = setTimeout(function () { blocked = false; }, 100); if ( (deltaY > 0 && deltaY > prevDeltaY) || (deltaY < 0 && deltaY < prevDeltaY) || !blocked ) { blocked = true; prevDeltaY = deltaY; if (deltaY > 0) { $(this).slick("slickNext"); } else { $(this).slick("slickPrev"); } } }); $(".slick").on("afterChange", function (event, slick, currentSlide) { console.log(slick, currentSlide); if (slick.$slides.length - 1 == currentSlide) { console.log("I am at the Last slide"); } });

Creo que esto es algo que debería hacer en la función afterChange , ¿alguna recomendación?