Как показать только половину следующего слайда в slick.js слайдер

Вопрос:

В слайдере есть опция, называемая “centerMode”, которая в основном отличает элементы и показывает некоторую часть предыдущего/следующего элемента в зависимости от “centerPadding”. Другой вариант – “slidesToShow: 2.3”, который в основном показывает 2 элемента и половину предыдущего/следующего элемента, но я хочу показать два полных элемента и только половину следующего элемента, например:

enter image description here

Лучший ответ:

Просто добавьте это в свой CSS:

.slick-list{padding:0 20% 0 0;}

Примечание. Это не будет работать, если вы добавите его в инспектор браузера. Вы должны добавить его перед загрузкой страницы.

Оцените статью
TechArks.Ru
Добавить комментарий