Javascript 光滑垂直滑块问题

Javascript 光滑垂直滑块问题,javascript,css,reactjs,slider,slick.js,Javascript,Css,Reactjs,Slider,Slick.js,我正在尝试实现一个光滑的垂直滑块,如下所示: 到目前为止,我所能接近的是: 我当前使用的设置如下: this.settings = { slidesToShow: 4, slidesToScroll: 1, adaptiveHeight: true, arrows: true, vertical: true, verticalSwiping: true, centerMode: true, focusOnSelect: true, infinite

我正在尝试实现一个光滑的垂直滑块,如下所示:

到目前为止,我所能接近的是:

我当前使用的设置如下:

    this.settings = {
  slidesToShow: 4,
  slidesToScroll: 1,
  adaptiveHeight: true,
  arrows: true,
  vertical: true,
  verticalSwiping: true,
  centerMode: true,
  focusOnSelect: true,
  infinite: true
};
}

如果我将变量slidesToShow更改为1,箭头会再次返回,但是我需要将垂直填充更改为100%,以便可以查看所有幻灯片

就像这样:


有没有更简单的方法来显示所有4个项目并使它们可以用箭头滚动?

你好,路易斯,你能提供一个链接到你的代码中的fiddle,这样我们就可以研究它了。很难复制它,因为我使用的是React.js,fiddle给我以下错误“Unclosed regular expression”。我将从头开始构建旋转木马,这可能是最快的解决方案