swiper手动滑动后不再轮播处理办法，autoplayDisableOnInteraction : false无效

最新推荐文章于 2023-09-12 17:10:00 发布

小怪兽学前端

最新推荐文章于 2023-09-12 17:10:00 发布

阅读量2.6k

点赞数 5

分类专栏： swiper常见问题

本文链接：https://blog.csdn.net/weixin_41970780/article/details/114442088

版权

swiper常见问题专栏收录该内容

2 篇文章 1 订阅

订阅专栏

本文介绍了如何处理Swiper组件在用户手动滑动后停止自动轮播的状况。通过设置`autoplayDisableOnInteraction`为`false`并监听`slideChangeTransitionEnd`事件，在滑动结束后启动自动轮播，可以确保Swiper在用户交互后继续自动播放。

摘要由CSDN通过智能技术生成

swiper手动滑动后不再轮播处理办法

            var swiper = new Swiper('.swiper-container1', {
                // slidesPerView: 3,
                // slidesPerColumn: 2,
                spaceBetween: 10,
                loop: true,
                autoplay: true,
                autoplayDisableOnInteraction: false,//这个加了没啥用
                on: {
                    slideChangeTransitionEnd: function() {
                        this.autoplay.start();//就加这个玩意儿
                    },
                }
            });