Zmiana stylu css menu po przesunięciu scrolem Opcje

[m3mariusz]

Natchąłem się na kolejny problem którego niestety nie udało mi się w całości rozwiązać...mianowicie...chcę aby po zjechaniu nizej strony np o 1px moje menu static, które jest na samej górze zmieniło dynamicznie właściwości css (formatowanie), a jesli wroce z powrotem na samą góre to żeby to wszystko z powrotem wrociło do wyglądu startowego.

rozwiązałem to tak: - ale nie wszystkie właściwości css działają i nie wiem jaka jest tego przyczyna (nie działa np pzrezroczystość i tez clasy .active po której wszystko się rozjeżdża)

[PHP] pobierz, plaintext 
var fixed = false;
 
$(document).scroll(function() {
    if( $(this).scrollTop() > 1 ) {
        if( !fixed ) {
            fixed = true;
            $('#maintop').css({background:'none repeat scroll 0 0 rgba(255, 255, 255, 1)', color:'#000'});
			$('#logo').css({color:'#fff'});
	                $('.active').css({border-bottom:'1px solid #FFF'});
        }
    } else {
        if( fixed ) {
            fixed = false;
            $('#maintop').css({background:'none', color:'#fff'});
        }
    }
});
[PHP] pobierz, plaintext 

może mam to zupełnie inaczej rozwiązać, jeśli tak to będe wdzięczny za propozycje...THX

podaje przykładową strone www na której znajduje sie podobny efekt który chciałbym uzyskać...