Creé un deslizador vertical con 3 diapositivas con control de rueda del mouse. Me gustaría desplazarme dentro del deslizador para detenerme cuando llegue a los bordes y luego comenzar a desplazarme por la página.

La versión que estoy usando es la última, la versión 7.

El problema es: cuando me desplazo de la diapositiva 2 a la diapositiva 3, la página también se desliza un poco, aquí hay un video que explica el problema: https://www.loom.com/share/416dcfa2dea34bd1bde75b0441fdf7c0

Este es el código que tengo hasta ahora:

 let verticalSwiper = new Swiper( '.vertical-swiper-wrapper', { direction: 'vertical', slidesPerView: 1, spaceBetween: 0, effect: 'fade', fadeEffect: { crossFade: true }, autoHeight: true, mousewheel: { sensitivity: 100, releaseOnEdges: true, }, pagination: { el: '.swiper-pagination', clickable: true, }, } );

Alguna idea de cómo solucionar este problema? ¡Gracias!