Релиз на краю Scroll не плавный - PullRequest
Новая
       22

Релиз на краю Scroll не плавный

0 голосов
/ 04 марта 2020

Эй, я использую 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, потому что в настоящее время он вызывает эту ошибку.

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

...