swiper中动态渲染数据出现划不动的问题解决办法

最新推荐文章于 2023-12-07 18:15:31 发布

原创最新推荐文章于 2023-12-07 18:15:31 发布 · 2.4k 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍如何使用Swiper JavaScript库配置轮播图组件，包括设置每屏显示的幻灯片数量、幻灯片之间的间距、分页器的点击响应、长滑动距离比、触摸比例等。

var mySwiper = new Swiper('.swiper1',{
        slidesPerView: 2.4,
        spaceBetween: 30,
        paginationClickable: true,
        longSwipesRatio: 0.3,
        touchRatio:1,
        observer:true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents:true,//修改swiper的父元素时，自动初始化swiper
    })