Animacje menu jquerry

Question

Witam

Wiem jak przykleić menu tak aby wraz ze scrollowaniem było w tym samym miejscu, ale chodzi mi o efekt, gdzie menu, które jest na samej górze staje się przezroczyste, a kiedy zacznę przewijać stronę ono zmieni kształt i kolor. Będzie tu potrzebny jQuerry ale nie wiem jak to zrobić. Z góry dziękuję za odpowiedź.

Pozdrawiam

Answer 1

Scroll() i css() ?

przykład :

$(document).ready(function(){
    $(document).scroll(function(){
        $('#menu').css("background-color", "yellow").css("color", "blue");;
    });
});

 

Comments

Najprościej będzie mi wykonać to właśnie tym sposobem. Dzięki. Dodałem tam  trochę if i else i śmiga tak jak sobie wymarzyłem, jeszcze raz wielkie dzięki.

Answer 2

W sumie nie będzie tutaj potrzebne jQuery. Możesz zrobić to dodając/usuwając odpowiednią klasę do tego elementu.

Przydatne materiały:

addEventListener,

scroll,

scrollY,

classList