Slick - slides jump with centerMode and variable width
我有一个具有centerMode true和variableWidth：true的光滑滑块。
中间的幻灯片需要比其他幻灯片大2倍。
所有幻灯片的宽度均为80像素，但中心位置需要为160像素。
这是我的问题的小提琴和代码(jsfiddle弄乱了它，但您可以看到"跳转")：
1 2 3 4 5 6 7 | $('#timeline').slick({ centerMode: true, centerPadding: '60px', slidesToShow: 5, variableWidth: true, arrows:false }); |
https://jsfiddle.net/xf365usn/15/
如果需要，我将发布更多代码。 有什么解决办法吗？
我解决了所有幻灯片上固定宽度的问题
1 | .slick-slide { width:200px; } |
和variableWidth：true
我还将centerMode保留为true，并编辑了滑动效果好的幻灯片以获取所需的结果。
如果为.slick-track提供一些CSS动画过渡，则效果很好。