Slick slider или как фиксить баг свойства centerMode?

529

01 февраля 2018, 19:54

Доброго времени суток!
Есть некоторые баги slick-слайдера, возможно кто-то стыкался или подскажет как это обойти. Как всё обустроено:
Делаю слайдер с фиксированой шириною 445px каждый элемент и центральный слайд 600px, то есть всего показывается 3 слайда (6 всего).
Но есть один мелкий баг со свойством tranform при прокрутке, слайд дергается: codepen.io - тык

Answer 1

Можно попробовать такой, обходной, вариант Суть в том, что все слайды одинаковый ширины. А работать с внутренними контейнерами

.rc2 .slick-slide {
  width: 520px;
  margin-right: 20px;
}
.rc2 .slick-slide .rc2__item {
  width: 100%;
  border: 1px solid #ccc;
  background-color: orange;
  height: 80px;
}
.rc2 .slick-active .rc2__item {
  width: 440px;
}
.rc2 .slick-center {
  background-color: red;
}
.rc2 .slick-center .rc2__item {
  width: auto;
  margin: 0 -80px;
}
.rc2 .slick-center + .slick-slide .rc2__item {
  float: right;
}