Alterar Background do menu de acordo com a seção

Se deu pra entender

seria isso aqui

JAVASCRIPT

$(window).scroll(function() {
 var scroll = $(window).scrollTop();

 if (scroll > 500) {
 $('.menu').addClass('menu-auxiliar');
 } else {
 $('.menu').removeClass('menu-auxiliar');
 }
});

	**CSS**

.menu {
 min-height: 50px;
 position: fixed;
 right: 0;
 top: 0;
 left: 0;
 background-color: blue;
}

.menu-auxiliar {background-color:orange;}

.conteudo {
 height: 2000px;
}

	**HTML**

<div class="menu"></div>
<div class="conteudo"></div>

	Outro exemplo também assim

(function () {
 var menu = document.getElementById('menu');
 window.addEventListener('scroll', function () {
 if (window.scrollY > 0) menu.classList.add('menuFixo');
 else menu.classList.remove('menuFixo');
 });
})();

.menuFixo {
 position: fixed;
 top: 0px;
 background-color: #ccf;
}

 padding: 0px;
 margin: 0px;
}

 border: 1px solid blue;
 width: 100%;
}
#menu {
 height: 50px;
}
#conteudo {
 height: 2000px;
}

<div id="menu"></div>
<div id="conteudo"></div>

	Qualquer coisa veja mais no link a baixo

	[Fórum Imasters](/topic/551746-ao-descer-p%C3%A1gina-mudar-a-cor-da-navbar/)