滑动滑块空白答案

【问题标题】：Swiper slider empty spaces滑动滑块空白
【发布时间】：2015-09-18 10:58:12
【问题描述】：

我对 Swiper 滑块有一些问题。当我滚动到滑块的末尾时，可以看到一些空白区域。

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

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

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

【问题讨论】：

请在 jsfiddle 发布源代码或创建一个工作示例
这是一个 jsfiddle jsfiddle.net/x2zu5ett/1

标签： slider swiper

【解决方案1】：

您还需要帮助吗？
尝试添加这个：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,
});

【讨论】：

loopFillGroupWithBlank: false - 默认选项

【解决方案2】：

还有这样的问题吗？尝试设置

宽度：自动；

在刷机上

【讨论】：

【解决方案3】：

https://swiperjs.com/swiper-api#param-centeredSlidesBounds

检查centeredSlidesBounds 参数。它将删除 slides-wrapper 的乞求和结束中的黑色空格。

【讨论】：