Сообщение от laimas
|
|
А почему не контейнеру, в котором размещен слайдер, задавать макс. высоту? А у самого слайдера для доступа к нему есть и опции, и методы, и события.
|
- высота устанавливается автоматически и зависит от количества элементов.
Пример:
1) если выводится 7 элементов, тогда чтобы все элементы влезали в видимую область можно указать
.slick-vertical .slick-slide{transform: translate3d(0, 20px, 0);}
В таком случае все элементы становятся как нужно и активный элемент выделен белым (скрин "7 элементов")
2) а если при таком же translate3d(0, 20px, 0); выводить порядка 11 элементов, тогда не видно активного элемента (скрин "11 элементов"). Но в таком случае можно указать translate3d(0,
220px, 0), тогда активный элемент видно.
Возможно ли сделать так, чтобы если у дива
<div class="slick-track" style="opacity: 1; height: 1674px; transform: translate3d(0px, -702px, 0px);"></div>
высота больше 400px,тогда применить
.slick-vertical .slick-slide{transform: translate3d(0, 20px, 0);}
. Иначе
.slick-vertical .slick-slide{transform: translate3d(0, [B]220px[/B], 0);}