2

嘿，我正在使用 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 版本的边缘属性上的发布，因为目前它正在导致该错误。

抱歉发了这么长的帖子，在此先感谢！

4

0 回答 0