首页 前端知识 swiper实现匀速无缝轮播-公告无缝滚动

swiper实现匀速无缝轮播-公告无缝滚动

2024-06-24 23:06:17 前端知识 前端哥 646 371 我要收藏

var mySwiper = new Swiper(".swiper-container",{

        autoplay:1, // 自动轮播时间尽可能的小(实际情况而定)

        speed:3000,

        freeMode:true,

        slidesPerView:3,

        loop:true,

})

覆盖swiper.css中默认的切换效果

.swiper-container-free-mode .swiper-wrapper {

        /* 默认是ease-out */

        -webkit-transition-timing-function: linear;  

        -ms-transition-timing-function: linear;

        -moz-transition-timing-function: linear;

        -o-transition-timing-function: linear;

        transition-timing-function: linear;

}

转载请注明出处或者链接地址:https://www.qianduange.cn//article/13456.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!