滑动滑块空白 [英] 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,
});

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