Как сделать такой слайдер?

Question

[myskypesla]

Подскажите, как в Slick.js исправить или сделать на другой библиотеке (попробовал все популярные), что после 3-4 пролистывания слайдера (пример тут https://codesandbox.io/s/yv7y02wl7x) происходит скачёк и элементы переставляются в коде, при этом анимация срабатывает криво и заметно для пользователя.

Comments

[Сергей Герасимов]

Попробуйте OwlCarousel2, вроде бы такой проблемы не заметил. https://owlcarousel2.github.io/OwlCarousel2/

[myskypesla]

Сергей Герасимов, вот на OwlCarousel тоже самое https://codesandbox.io/s/yv7y02wl7x В какой-то момент происходит рост элемента 50px

Answer 1

[Айнур Валиев]

тут не в биб-ке дело, а в стилях. добавь

.owl-carousel .owl-item{
    height: 100px;
}

это немного сгладит

Comments

[myskypesla]

Айнур Валиев тут как раз в библиотеках и в append'ах библиотеки дело. Всеё равно идёт скачёк некрасивый.