javascript - 当 centerMode 为 true 且 infinite 为 false 时，Slick.js 删除第一张和最后一张幻灯片上的间隙

Question

当前将 slick.js 与 centerMode: true 和 infinite: false 一起使用会在第一张幻灯片的左侧留下一个空隙，在右侧留出一个空隙在最后一张幻灯片上。 https://jsfiddle.net/qyfxh52k/11/

我四处搜索这个，我发现的是，作者认为当 infinite 为 false 时永远不应该使用 centerMode。 https://github.com/kenwheeler/slick/issues/2808

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

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

Answer 1

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