查看: 1545|回复: 0
打印 上一主题 下一主题

轮播到第二个的时候会自动停止

[复制链接]

该用户从未签到

2

主题

4

帖子

14

积分

新手上路

Rank: 1

积分
14
跳转到指定楼层
楼主
发表于 2021-4-26 17:14:31 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
大佬们,救救孩子
文本数据只有一条,为什么轮播到第二个的时候会自动停止
之前刚做的时候还好好的,用了一段时间就出现这种情况。
/*****************html********************/
<div class="swiper-container" id="swiper2">
        <div class="swiper-wrapper" id="inner"></div>
</div>


/*****************css********************/
#swiper2{
        width:55%;
        height:6%;
        position:absolute;
        bottom:1%;right:2%;
        overflow:auto;
        color:#9497ee;
        opacity:0;
        /* background-color:#170078; */
}
#swiper2>.swiper-wrapper{
        width:100%;height:100%;
        -webkit-transition-timing-function: linear;/* 之前是ease-out */
          -moz-transition-timing-function: linear;
          -ms-transition-timing-function: linear;
          -o-transition-timing-function: linear;
          transition-timing-function: linear;
}
#swiper2>.swiper-wrapper>.swiper-slide{width:auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}


/*js*/
swiper2 = new Swiper('#swiper2',{
                                allowTouchMove : false,
                                speed : 8000,
                                autoplay : {
                                        delay : 0,
                                        disableOnInteraction: false
                                },
                                loop : true,
                                slidesPerView :'auto',//slide宽度自适应
                                spaceBetween: 40,//slide间距
                                freeMode : true,//slide会根据惯性滑动可能不止一格且不会贴合。
                        });
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-11-23 01:32 , Processed in 0.063772 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表