查看: 2900|回复: 1
打印 上一主题 下一主题

swiper3多行显示时设置loop循环无效

[复制链接]

该用户从未签到

1

主题

1

帖子

3

积分

新手上路

Rank: 1

积分
3
跳转到指定楼层
楼主
发表于 2019-8-5 18:38:25 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
初始化swiper时,设置了slidesPerColumn: 2,同时设置了loop: true,
但是无法实现一直循环切换的效果,而是切换到末尾就停止循环,这个是什么问题?
$(document).ready(function(){
    var swiper3 = new Swiper('.brand-list', {
        loop: true,
        loopAdditionalSlides:1,
        autoplay:2000,
        nextButton: '.swiper-button-next-custom-2',
        prevButton: '.swiper-button-prev-custom-2',
        slidesPerView: 5,
        slidesPerColumn: 2,
        paginationClickable: false,
        spaceBetween: 15,
        freeMode: true,
        breakpoints: {
            640: {
                slidesPerView: 1,
            },
            991: {
                slidesPerView: 3,
            }
        }
    });
});
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

0

主题

3

帖子

7

积分

新手上路

Rank: 1

积分
7
沙发
发表于 2019-8-7 16:58:55 | 只看该作者
slidesPerColumn目前还不兼容loop模式(loop: true)
你自己看看API的介绍
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-24 00:18 , Processed in 0.056985 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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