Slick slider, дерганье при адаптиве?

Question

[kryamk]

Autoplay с плавным смещением, этакая бегующая строка.
При ресайзе окна, когда слайдер перестраивается на другое число слайдов, то появляются какие-то прыжки.
Пробовал как-нибудь переинициализровать слайдер, но чёт не помогло

$(window).on('resize', function() {
	// $('.slider').slick('resize');
	// $('.slider').slick('reinit');
	$('.slider').slick('setPosition');
});

Comments

[Anton Semenov]

А другой слайдер пробовали? owl например, этот вообще как то странно себя ведет... у меня не только дерганье, он еще и в обратную сторону крутиться начинает...

Предполагаю это как то связано с особенностью обработки бесконечного скрола, иными словами нужно лезть под капот слайдера и смотреть что там внутри, как реализовано и уже его самого дебажить.

Answer 1

[kryamk]

Ну вот вроде рабочее решение: при окончании ресайза окна уничнотажать и снова создавать этот слайдер

function resizedw(){
	$('.slider').slick('unslick');
	$('.slider').slick({
		slidesToShow: 3,
		arrows: true,
		dots: true,
		speed: 5000,
		autoplay: true,
		pauseOnHover: false,
		pauseOnFocus: false,
		cssEase: 'linear', 
		autoplaySpeed: 0,
		customPaging: function() {
			return ''
		},
		responsive: [
		{
			breakpoint: 900,
			settings: {
				slidesToShow: 2,
			}
		},
		{
			breakpoint: 500,
			settings: {
				slidesToShow: 1
			}
		}
		]
	});
}
let doit;
window.onresize = function(){
	clearTimeout(doit);
	doit = setTimeout(resizedw, 1000);
};