swiper解决滑动后不轮播

蹦跶哒的王小哲

已于 2022-09-29 14:07:16 修改

阅读量2.5k

点赞数 2

分类专栏：前端文章标签：前端 javascript swiper

于 2022-07-08 10:00:21 首次发布

本文链接：https://blog.csdn.net/qq_32845825/article/details/125672541

版权

前端专栏收录该内容

12 篇文章 2 订阅

订阅专栏

问题描述：

swiper 滑动后，滚动内容不自动轮播。

原始代码

<script>
    var swiper = new Swiper('.swiper-container', {
        loop: true,
        autoplay: 2000,//自动切换时间
        direction: 'vertical' //轮播方向为纵轴
    });
</script>

解决方案：

增加 autoplayDisableOnInteraction : false, //手动播放后继续自动播放；

改进后代码：

<script>
    var swiper = new Swiper('.swiper-container', {
        loop: true,
        autoplay: 2000,//自动切换时间
        autoplayDisableOnInteraction : false, //手动播放后继续自动播放
        direction: 'vertical'
    });
</script>