Modifier l'arrière-plan de l'en-tête fixe lorsque le défilement au-delà des éléments

Je vais essayer d'obtenir la couleur d'arrière-plan de mon en-tête fixe le point de changer à défilement sur certaines sections DIV sur la page, similaire à ceci:

http://www.adamrudzki.com/

Les sections que je suis sur de ne pas avoir une hauteur fixe.

J'ai trouvé cette question similaire Changement de couleur d'arrière-plan pendant le défilement

( qui utilise ce violon http://jsfiddle.net/cEvJk/18/ )

var t = $('#about').offset().top - 100;

$(document).scroll(function(){
    if($(this).scrollTop() > t)
    {   
        $('header').css({"background-color":"green"});
    } 
});

Mais je ne suis pas en mesure pour obtenir l'effet de répéter pour toutes les sections.

est header la <header> tag ou une classe?
Dans le exemple vous donner L'en-tête est, en réalité, a un arrière-plan transparent.
Pouvez-vous montrer votre violon ou de tout lien de démonstration où vous travaillez actuellement?
Salut Dhiraj Shah, j'ai téléchargé un exemple de site jusqu'à maintenant, jiraff.co.uk/demo/demo.html

OriginalL'auteur Dale Irwin | 2014-02-13