Как изменить background-color DIV class на определенной высоте (замена цвета элемента при скролле)?
$(window).scroll(function() {
    if ($(this).scrollTop() > 228) {$('div').addClass('green');}
});
228 можешь вычислять к примеру через .offset() дива. если нужно в каком-то положении
Либо не через классы:$(window).scroll(function () {
  if ($(this).scrollTop() >= 0 && $(this).scrollTop() < 100) {
    $('div').css('backgroundColor', 'red');
  } else if ($(this).scrollTop() >= 100 && $(this).scrollTop() < 200) {
    $('div').css('backgroundColor', 'blue');
  } else if ($(this).scrollTop() >= 200 && $(this).scrollTop() < 300) {
    $('div').css('backgroundColor', 'green');
  } else if ($(this).scrollTop() >= 300 && $(this).scrollTop() < 400) {
    $('div').css('backgroundColor', 'yellow');
  } else {
    $('div').css('backgroundColor', 'black');
  }
});
codepen.io/AmateR/pen/rLkqKZ