有没有办法在谷歌的Materialize CSS中创建垂直轮播，而不必构建自定义？

Question

我希望使用Google的Materialize CSS库进行垂直滚动"轮播"，我了解构建轮播的步骤

# haml
%ul.carousel
  %li.carousel-item
     Some Content
  %li.carousel-item
     Some other Content
  ...
$(document).ready(function(){
  %('.carousel').carousel({
    some: 'option',
  })
})

是否有一些可以在 HTML 或 js 中传递的选项来实现垂直滚动？

从我所看到的情况来看，当动画开始时，js 将类".scrolling"添加到".carousel"中，从而添加样式

.carousel.scrolling{style="z-index: 0; opacity: 1; visibility: visible; 
  transform: translateX(0px) translateX(5.64957px) translateX(0px) 
  translateZ(0px);"}

有没有办法将翻译X覆盖为翻译Y？我还尝试添加样式，例如

.carousel{
  display: flex;
  flex-direction: column;
}

Answer 1

我也想要一种简单的方法来做到这一点，但由于没有人对任何答案发表评论，想到一个适合多种情况的简单解决方案，您可以简单地使用 css 转换旋转轮播，然后逐项旋转回来。尚未测试，但它应该可以工作。