javascript - 光滑-幻灯片以centerMode和可变宽度跳跃

我有一个具有centerMode true和variableWidth：true的光滑滑块。

中心幻灯片需要比其他幻灯片大2倍。
所有幻灯片的宽度均为80像素，但中心位置需要为160像素。

这是我的问题的小提琴和代码（jsfiddle弄乱了它，但您可以看到“跳转”）：

$('#timeline').slick({
      centerMode: true,
      centerPadding: '60px',
      slidesToShow: 5,
      variableWidth: true,
      arrows:false
});

https://jsfiddle.net/xf365usn/15/

如果需要，我将发布更多代码。有什么解决办法吗？

最佳答案

我解决了所有幻灯片上固定宽度的问题

.slick-slide { width:200px; }

和variableWidth：true
我也将centerMode保留为t​​rue，并编辑了平滑滑动的幻灯片以获取所需的结果。

关于javascript - 光滑-幻灯片以centerMode和可变宽度跳跃，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50319711/