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

Question

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

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

这里是我的问题的小提琴和代码（jsfiddle搞砸了但你可以看到＆＃34;跳跃＆＃34;）：

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

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

如果需要，我会发布更多代码。任何解决方案？

Answer 1

我使用

在所有幻灯片上以固定宽度解决了此问题

.slick-slide { width:200px; }  

和variableWidth：true
我还将centerMode设置为true并编辑了光滑活动幻灯片以获得所需的结果。

Answer 2

如果为.slick-track提供一些CSS动画过渡，则效果很好。.slick-track { transition: all 0.3s ease; }