Отпускание по краям Прокрутка не плавная

Привет, я использую swipper js для создания вертикального слайдера!

Предполагаемое решение:

-> При создании слайдера я хочу отпустить прокрутку мыши, как только она достигнет первого или последнего слайда.

Проблемы:

-> Иногда он заставляет прокрутку страницы и ползунок одновременно (случалось всего несколько раз), когда я понижал версию swiper до 4.5.1-> Основная проблема возникла, когда я работал с версией 5.3.1, при достижении первый или последний слайд, он прокручивается слишком быстро, и переход не плавный, что вызывает некоторые проблемы с удобством использования...

<script src="https://unpkg.com/swiper@5.3.1/js/swiper.min.js"></script>

Код:

Версия 4.5.1

   let productSwiper = new Swiper(".swiper-container--product", {
                direction: "vertical",
                loop: false,
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true,
                },
                grabCursor: true,
                speed: 1000,
                paginationClickable: true,
                parallax: true,
                autoplay: false,
                effect: "slide",
                centerMode: false,
                mousewheel: true,
                loopFillGroupWithBlank: false,
                slidesPerView: 'auto',
                touchReleaseOnEdges:true
            });
            productSwiper.swiper;

Версия 5.3.1

    let productSwiper = new Swiper(".swiper-container--product", {
                        direction: "vertical",
                        loop: true,
                        pagination: {
                            el: '.swiper-pagination',
                            clickable: true,
                        },
                        grabCursor: true,
                        speed: 1000,
                        parallax: true,
                        autoplay: false,
                        effect: "slide",
                        centerMode: false,
                        mousewheelSensitivity: 1,
                        mousewheel: {
                            releaseOnEdges: true,
                        },
                        loopFillGroupWithBlank: false,
                        slidesPerView: 'auto',

Примечание: я удалил атрибут релиза по краям в версии 4.5.1, потому что в настоящее время он вызывает эту ошибку.

Извините за длинный пост, заранее спасибо!

0 ответов

Другие вопросы по тегам