javascript 171120slickのレスポン化

Posted 2021-05-04

//ブレイクポイント2つ
$('.box_best_deal .list').slick({
	arrows: true,
	dots: false,
	slidesToShow: 4,
	responsive: [{
		breakpoint: 1024,
		settings: {
			slidesToShow: 3,
			arrows: true,
		}
	},
	{
	breakpoint: 768,
		settings: {
			slidesToShow: 1,
			arrows: true,
		}
	}]
})

//ブレイクポイント1つ
$('.box_partner').slick({
	dots: false,
	slidesToShow: 3,
	arrows: true,
	infinite: true,
	responsive: [{
		breakpoint: 768,
		settings: {
			slidesToShow: 1
		}
	}]
})