Slick slider overflow fix

Опубликовано: 10.10.2018 в 17:04

Автор:

Категории: JQ,Бложег,Верстка

Тэги:

Долго не выкладывал посты всяких хаков, столкнулся с такой вот проблемой

У меня при hover должен выскакивать блок с инфой, но slick slider режет его, указал для body overflow-x: hidden, и все бы хорошо, но у слайдера есть контейнер, он не во всю ширину, и вот нагуглил такое единственное решение на css

Помещаем это в css

.slick-list {
overflow: visible!important;
}
.slick-slide {
opacity: 0;
transition: opacity 500ms;
}
.slick-slide.slick-active {
opacity: 1;
}

и указываем в инициализации слайдера параметр (чтобы было все ок с выравниванием)

centerMode: false

и радуемся глазу

Всего комментариев: 0

Оставить комментарий

Ваш email не будет опубликован.

Вы можете использовать следующие HTML тэги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>