Slick JS 在使用无限居中模式幻灯片时在左侧添加空间

Question

我正在尝试使用 Slick JS 制作一个滑块，其中幻灯片无限循环，但同时可见。如果您与演示进行交互，您会发现只要返回幻灯片 1，幻灯片 1 左侧的幻灯片就会消失，除了 5,6 ...

谁能帮我解决这个问题？

 $(".customslider-1").slick({ 

      dots: true,

      infinite: true,

      speed:300,

      slidesToScroll: 1,

      centerMode: true,

      centerPadding:'0',

      variableWidth: true, 

      arrows: false,

      focusOnSelect: true,

    }); 

Answer 1

我经常看到在centerMode没有设置的情况下使用时的怪异slidesToShow。在你的 CodePen 中设置slidesToShow: 5为我解决了这个问题。$(".customslider-1").slick({   dots: true,  infinite: true,  speed:300,  slidesToScroll: 1,  slidesToShow: 5,  centerMode: true,  centerPadding: 0,  variableWidth: true,   arrows: false,  focusOnSelect: true,});