Что делать с дерганной анимацией scale в Slick Slider?

Question

[suchrile]

Есть бесконечный слайдер на Slick. Если делаю количество слайдов больше 4, то при переходе с последнего слайда на 0 дергается анимация scale (сначала увеличивается следующий слайд после того, который должен увеличиваться, потом уменьшается обратно и тогда уже scale применяется для нужного, т.е. 0 слайда). Причем при прокрутке в обратную сторону такого не происходит. Можно сделать задержку порядка 0,5s для scale и тогда дергаться ничего не будет, но мне это не подходит. В чем может быть причина?

$('.slider').slick({
        arrows: true,
        dots: false,
        centerMode: true,
        slidesToShow: 3,
        initialSlide: 1,
        easing: 'ease',
        infinite: true,
        autoplay: true,
        centerPadding: '70px',
    });

/* Слайд */
.slick-slide{
    transform: scale(0.9);
    transition: transform .2s ease;
}
/* Слайд по центру */
.slick-slide.slick-center{
    transform: scale(1);
}

Comments

[Виталий Першин]

Залейте рабочий пример в песочницу https://codepen.io или https://jsfiddle.net/

[Алексей Дубровин]

У вас есть зацикливание слайдера?

[Одиночка Айс]

Использовать owl-carousel, slick с масштабированием плохо справляется и годится только для простых каруселей