kryamk
@kryamk

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

Autoplay с плавным смещением, этакая бегующая строка.
При ресайзе окна, когда слайдер перестраивается на другое число слайдов, то появляются какие-то прыжки.
Пробовал как-нибудь переинициализровать слайдер, но чёт не помогло
$(window).on('resize', function() {
	// $('.slider').slick('resize');
	// $('.slider').slick('reinit');
	$('.slider').slick('setPosition');
});


  • Вопрос задан
  • 72 просмотра
Пригласить эксперта
Ответы на вопрос 1
kryamk
@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);
};
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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