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,

});