美文网首页js
swiper向上无缝滚动轮播

swiper向上无缝滚动轮播

作者: 众生皆似尘埃啊 | 来源:发表于2019-05-16 15:08 被阅读0次

//css代码中

.swiper-wrapper{
transition-timing-function: linear;  //匀速滚动
}

//js代码

var mySwiper2 = new Swiper('.swiper-container',{
                direction: 'vertical', //向上
                autoplay : 1, 
                speed:1000, //速度
                loop : true, //自动轮播
                freeMode:true,
                slidesPerView : 5,
                autoplayDisableOnInteraction : false,
                spaceBetween : 5,
                noSwiping : true  //禁止用户操作要配合<div class="swiper-slide clearfix swiper-no-swiping">
            });

相关文章

网友评论

    本文标题:swiper向上无缝滚动轮播

    本文链接:https://www.haomeiwen.com/subject/sgvkcqtx.html