Good day!
There are some slick-слайдера bugs, maybe someone came along or will tell you how to get around this. How everything is arranged:
I make a slider with a fixed width of 445px каждый элемент and a центральный слайд 600px , that is, in total, 3 слайда are shown (6 in total).
But there is one minor bug with the tranform property when scrolling, the slide is twitching: codepen.io - tyk

  • ru.stackoverflow.com/questions/740522/… - fanfer
  • @fanfer Strange looking for - not found. I was looking badly = P Thank you, I will now unsubscribe if it works out! - Vitali
  • @fanfer I can't catch padding with a width of 445px + center: 600px. It does not work .. - Vitali

1 answer 1

You can try this, workaround, variant. The bottom line is that all slides are the same width. And work with internal containers

 .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; }

https://codepen.io/anon/pen/RQPELM

  • I already did this) With negative margins But this slick doesn't just give up so much .. look carefully at the last slide and the next one, it cuts off the class and adds it again ... I don’t know what to do .. spit the designer in face or leave it as it is :) - Vitali