Swiper 滑块空白空间 [英] Swiper slider empty spaces

问题描述

我在使用 Swiper 滑块时遇到了一些问题.当我滚动到滑块的末尾时，可以看到一些空白区域.

I have some problem with Swiper slider. When i scroll to the end of slider, some empty spaces is visible.

http://take.ms/siqXj

swiper = new Swiper(profile_images, {
    slidesPerView: 4,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    observer: true
});

https://jsfiddle.net/x2zu5ett/1/

更新解决方案:将'slidesPerView'属性设置为'auto'

UPDATE Solution: set 'slidesPerView' attribute to 'auto'

推荐答案

您还需要帮助吗?
尝试添加:loopFillGroupWithBlank: false,

检查我的:

var swiper2 = new Swiper('.swiper-container2', {
    slidesPerView: 'auto',
    centeredSlides: true,
    spaceBetween: 150,
    speed: 1500,
    loop: true,
    simulateTouch : true,
    loopFillGroupWithBlank: false,
    grabCursor: true,
    //touchStartPreventDefault: false,
});

这篇关于Swiper 滑块空白空间的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！