Zmiana koloru headera przy przewijaniu w dół

Robię stronę pod Bootstrapem. Cały header jest statyczny. Jednak ma on przezroczyste tło. Jak przejeżdżam w dół to nie wygląda to dobrze. Chciałabym, aby po przejeżdżaniu strony w dół header zmienił kolor: z przezroczystości na biały. Trzeba to zrobić js, ale nie wiem jak się za to zabrać.

Znalazłam stronę, która ma właśnie to opracowane https://bootswatch.com/.

Czyli przejeżdżam w dół i header robi się niebieski.

$(window).scroll(function(){

if($(document).scrollTop() >= 32){

$('header').css('color','#000');

}

});

Zauważyłam drobną pomyłkę. Powinno być "background-color" i faktycznie działa.

if($(document).scrollTop() >= 100){ 

		$('header').css('background-color','#000'); 

	}

ale jak jadę z powrotem na górę to czarne tło cały czas jest, a powinno zniknąć czyli być na "background: none;".

Jak to zrobić

A tak, pomyliłem się.

$(window).scroll(function(){ 

if($(document).scrollTop() >= 32){ 

$('header').css('background-color','#000');  // nowe tło

}else{

$('header').css('background-color','#fff'); // stare tło

}

});

Zrobiłam tak jakby kogoś interesowało:

if($(document).scrollTop() >= 32){ 

		$('header').css('background-color','#fff');  // białe tło po przejechaniu w dół 

	}else{ 

		$('header').css('background','none'); // brak tła

	} 

Oczywiście u mnie działa. Jeszcze dorzucę kod HTML:

[/code]

Dzięki wielkie! Zamykam temat.