滑动滑块空白处

dem*_*ych 6 slider swiper.js

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

http://take.ms/siqXj

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

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

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

小智 0

您还需要帮助吗?
尝试添加这个: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,
});
Run Code Online (Sandbox Code Playgroud)

  • `loopFillGroupWithBlank: false` - 默认选项 (4认同)