Блог

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

Версия, которую я использую, самая последняя, версия 7.

Проблема в следующем: когда я прокручиваю слайд 2 на слайд 3, страница также немного сдвигается, вот видео, объясняющее проблему: https://www.loom.com/share/416dcfa2dea34bd1bde75b0441fdf7c0

Это код, который у меня есть до сих пор:

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

Есть идеи, как это исправить?
Спасибо!