javascript - 如何用裁剪的幻灯片制作光滑的滑块

Question

我需要制作光滑的滑块，从右侧的下一个滑块被裁剪一半，但不是从左侧裁剪。我通过设置 slidesToShow: 1.5 来做到这一点，如下面的屏幕所示。

但我也需要这样做，如果它是最后一张幻灯片，那么上一张幻灯片应该被裁剪一半，并且在最后一张幻灯片之后没有空白空间，如下面的屏幕所示。如果我向后滑动，它应该就像在第一个屏幕中一样，只被右侧裁剪。

我怎样才能做到这一点？我正在寻找示例，但没有找到太多。

标签： javascriptvue.jssliderslick.js

Answer 1

只需添加以下CSS

div.slick-list{
  padding:0 50px 0 0;
}