当Swiper是多行时,Swiper-Slide-Active类

时间:2015-04-02 13:50:21

标签: javascript jquery css swiper

我将Swiper设置为每列显示2行,但是当我这样做时,Swiper-Slide-Active类没有正确设置,即此类不适用于中心显示的幻灯片(2)狙击手。

知道我在这里做错了什么?,下面的swiper设置:

var swiper = new Swiper('.swiper-container', {
                pagination: '.swiper-pagination',
                effect: 'coverflow',
                grabCursor: true,
                centeredSlides: true,
                slidesPerView: 'auto',
                slidesPerColumn: 2,
                spaceBetween: 20,
                simulateTouch: true,
                centeredSlides:true,
                slideToClickedSlide: true,
                paginationClickable:true,
                grabCursor:true,
                coverflow: {
                    rotate: 45,
                    stretch: 0,
                    depth: 100,
                    modifier: 1,
                    slideShadows: false
                }
            });

1 个答案:

答案 0 :(得分:0)

目前,multirow Swiper与 slidesPerView:'auto'不兼容,因此如果您的布局可以,请将slidesPerView切换为某个固定值