2015-09-18 1 views
2

Я пытаюсь сделать директиву углового материала вертикально. Я попытался использовать transform: повернуть в CSS, но слайдер начинает вести себя и визуализировать по-разному.Как сделать горизонтальный слайдер с вертикальным использованием CSS?

md-slider { 
    position: absolute; 
    top: 40%; 
    transform: rotate(270deg); 

     max-width: 80px; 
    max-height: 80px; 
} 

Вот ссылка на my plunker (link). Я использую CSS, потому что у AFAIK нет официального компонента вертикального слайдера для углового материала.

ответ

0

В то же время есть вертикальный слайдер :) Просто добавьте атрибут md-vertical на свой слайдер.

+0

Когда это было добавлено? В последний раз, когда я проверил около сентября 2015 года, это было только в списке запросов функций, и я помню, что разработчики говорили о том, как это может не быть главным приоритетом, поскольку вертикальный слайдер имеет мало вариантов использования. – TwoThumbSticks

+0

Да, он добавлен в последнюю версию материала. Попробуйте использовать версию 1.1.0-rc4, например, из cdn https://cdnjs.com/libraries/angular-material/1.1.0-rc4. Это работает для меня – VladosJS