Как динамично изменить slidesToScroll у slick slider?

Question

[veroni1337]

Здравствуйте. Как изменить slidesToScroll у slick slider в зависисмости от количества невидимых элементов,. Например я на странице показываю 4 слайда, они помечаются классом slick-active, а всего у меня слайдов 6. Я отнимаю от суммы всех слайдов количество активных слайдов и получаю количество скрытых слайдов (слайды которые не видны). Теперь мне нужно сделать кнопку которая должна прокрутить слайды до неактивных, т.е slidesToScroll у меня должно быть 2.

var slideScrollCount;

$('.new_slider').slick({
		infinite: false,
		dots: false,
		arrows: false,
		slidesToShow: 4,
		slidesToScroll: slideScrollCount,
		arrows: true,
		nextArrow: document.querySelector('.new_slider_next'),
		responsive: [{
				breakpoint: 992,
				settings: {
					slidesToShow: 3,
					slidesToScroll: 1,
				}
			},
			{
				breakpoint: 576,
				settings: {
					slidesToShow: 3,
					slidesToScroll: 1
				}
			},
			{
				breakpoint: 480,
				settings: {
					slidesToShow: 3,
					slidesToScroll: 1
				}
			}
		]
	});

slideScrollCount = countProductItems - $('.new_slider .slick-active').length;

Здесь я инициализирую слайдер и получаю количество не активных слайдов, но проблема в том, что я получаю это количество после инициализации слайдера, а значит переменная slideScrollCount изначально undefined. Таким образом я получаю ошибку и js код прекращает работу. Как мне добавить количество неактивных слайдов в slidesToScroll?