javascript - 当 centerMode 为真且无限为假时，Slick.js 删除第一张和最后一张幻灯片上的间隙

Question

使用 slick.jscenterMode: true和infinite: false当前将在第一张幻灯片的左侧留下一个空白，在最后一张幻灯片的右侧留下一个空白。https://jsfiddle.net/qyfxh52k/11/

我已经四处寻找这个，我发现这是作者觉得当无限为假时，永远不应该使用 centerMode。https://github.com/kenwheeler/slick/issues/2808

我有什么办法可以做到这一点而没有差距，我正在寻找的一个例子是https://ishimoto-demo.squarespace.com/其中 centermode 仅在其他幻灯片上不是活动的第一个也不是最后一个。

我尝试过在没有中心模式的情况下启动 slick，并在使用 centermode 的幻灯片更改时重新启动它，但是这会导致跳跃并且不是很理想。我处理这个问题的最佳方法是什么？

标签： javascriptjqueryslick.js

Answer 1

我有这个变体 - https://codepen .io/Nikolasgrizli/pen/dybRpxY （删除“codepen”后的空格，但我不喜欢它的工作原理。