От чего можно отсчитывать отступ сверху в вертикальном слайдере?

Question

[Tigronix]

Приветствую знатоки!) Прошу вас помочь. (Прикладываю архив с вёрсткой, поскольку на jsfidle такое не зальешь)
Есть стандартный скрипт, который работает и добавляет класс про скролле страницы:

//header-scroll
	var header = $('.header');
	$(window).scroll(function () {
		var top = $(this).scrollTop();
		if (top > 10) {
			header.addClass('header__small');
		} else {
			header.removeClass('header__small');
		}
	});

Но мне нужно было использовать вертикальный слайдер и выбор пал на этот:
Вертикальный слайдер
Github слайдера

И после подключения слайдера перестал работать скрипт. Я попытался понять, но никак не дойду до истины. Может кто знает в чём может быть проблема?

Comments

[devstudent]

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

Answer 1

[Kovalsky]

Первый же комментатор вам сказал правильно, у вас там просто скролла нет и все, лол.

Используйте коллбэки выбранного вами слайдера. Например я зашел на его страницу, сразу посмотрел на коллбэки, и один показался мне уместным в вашей ситуации, onLeave (index, nextIndex, direction). Вот раньше вы вешали класс на header если top > 10, а теперь используйте коллбэк и вешайте класс если index === 1