Answer the question
In order to leave comments, you need to log in
What to do about jerky scale animation in Slick Slider?
There is an infinite slider on Slick. If I make the number of slides more than 4, then when moving from the last slide to 0, the scale animation twitches (first, the next slide after the one that should increase, then decreases back and then the scale is applied to the desired, i.e. 0 slide). And when scrolling in the opposite direction, this does not happen. You can make a delay of about 0.5s for scale and then nothing will twitch, but this does not suit me. What could be the reason?
$('.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);
}
Answer the question
In order to leave comments, you need to log in
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question