Zrobiłem sobie menu z "position: fixed" i chciałbym żeby po rozpoczęciu scrollowania w dół pojawiało się tło dla menu, a gdy wrócę na samą górę to tło ma zanikać.
Wiem, że w CSS można zrobić pojawiania się tła, ale nie mam pojęcia jak to wykonać żeby tło zaczęło pojawiać się po rozpoczęciu scrollowania, a nie po załadowaniu strony. Wiem, że w jQuery jest taka funkcja jak scroll(), ale niestety nie wiem jak jej użyć.

Dziś zacząłem czytać o jQuery i jeszcze paru rzeczy nie mogę zrozumieć, a raczej funkcji i sposobu w jaki można je wykorzystać. Znacie może jakąś dobrą stronę z dobrze opisanymi funkcjami jQuery i co najważniejsze przykładami? To co ja znalazłem nie jest tak dokładne jakbym chciał i nie ma wielu przykładów.

[PHP] pobierz, plaintext 
var element = $("#id_menu");
var menuBg = false;
 
function changeBgMenu(sTop) {
if(sTop > 0 && menuBg == false) {
element.css("background", "tutaj_wartosci_dla_tla");
menuBg = true;
} else if(sTop == 0 && menuBg == true) {
element.css("background", "none");
menuBg = false;
}
}
 
$(document).on('scroll', function(){
var scrollTop = $(window).scrollTop();
changeBgMenu(scrollTop);
});
[PHP] pobierz, plaintext 

Pisane z głowy, ale błędów nie widzę, powinno bez problemu zadziałać. Niestety nie znam żadnych dobrych stronek o jquery bo ich nie potrzebuję, jak raz się pozna jquery to jedyne co potrzebne to oficjalna dokumentacja ;P

//edit: poprawka