Como faço minha barra de navegação alterar a classe CSS ao passar por um ponto de ancoragem?

Estou usando o Bootstrap 3 e quero alcançareste efeito quando o usuário rola após a imagem de cabeçalho grande na minha página. Eu preciso do plano de fundo da barra de navegação para ir de transparente a branco. Eu olhei no seu código e sei que é feito com javascript, e até viONDE estava acontecendo eu acho (procure pelo ID '# main-header' nesse JS) ...

Sem saber o Javascript avançado, estou procurando uma maneira de aplicar isso à minha barra de navegação ao passar por um determinado ponto. A classe para o meu código é chamada 'navbar' e eu gostaria que ela ficasse branca quando passasse "#main". Deixe-me saber se você precisar de mais informações, e obrigado antecipadamente se alguém quiser ajudar!

questionAnswers(3)

yourAnswerToTheQuestion