Есть ли способ создать вертикальную карусель в Google Materialize CSS без необходимости ее создания? - PullRequest
Новая
       9

Есть ли способ создать вертикальную карусель в Google Materialize CSS без необходимости ее создания?

0 голосов
/ 17 января 2019

Мне нужна вертикальная прокрутка "карусели" с использованием библиотеки CSS Materialise от Google, я понимаю, как построить карусель 

# 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);"}

Есть ли способ переопределить translateX к translateY? Я также попытался добавить такие стили, как 

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

1 Ответ

0 голосов
/ 25 июля 2019

Я также хотел бы сделать простой способ сделать это, но поскольку никто не прокомментировал ни одного ответа, думая о простом решении, которое подойдет во многих случаях, вы можете просто повернуть карусель с помощью преобразования css, а затем повернуть элемент назад, вещь. Пока не проверено, но должно работать.

...