Всем привет.
Пытаюсь на каждый белый блок на сайте делать шапку черной путем добавления класса.
Пока получилось только так, что шапка меняет цвет только на первом блоке, а на остальных не меняет. Подскажите в чем ошибка
var elem = $('.white-section'),
position = $(elem).offset().top,
height = $(elem).height();
$(elem).each(function() {
$(document).on('scroll', function (){
var scroll = $(document).scrollTop();
if(scroll > position && scroll < (position + height) ) {
$('header').addClass('black-header')
}else {
$('header').removeClass('black-header')
}
})
});