@suchrile

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

Есть бесконечный слайдер на 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);
}
  • Вопрос задан
  • 208 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы