Menu, które przesuwa się wraz ze scrolowaniem strony.

pytanie zadane 19 kwietnia 2015 w HTML i CSS przez TenTakiTam Bywalec (2,460 p.)

Prosiłbym o gotowca menu takiego jak na blogu P. Zelenta.

Chodzi mi oto, aby pasek menu się przesuwał wraz z przewijaniem strony w góre i w dół, a gdy strona dojedzie na samą góre to zostawał pod logiem.

Z góry dziękuje za pomoc.

4 odpowiedzi

odpowiedź 19 kwietnia 2015 przez Geek Pasjonat (19,660 p.)

.menu_container {
 position: fixed;
}

Ustawiając to w ten sposób menu będzie ciągle u góry. Jeśli chcesz uzyskać efekt taki jak na blogu p. Zelenta, że dopiero po kilkuset pixelach menu się "przykleja" do góry okna to musisz użyć javascriptu, który gdy będzie określona odległość od góry strony to zmieni position z domyślnego na fixed.

komentarz 19 kwietnia 2015 przez Ehlert Ekspert (215,070 p.)

$(window).scroll(function(){
        $('element').animate(function(){
                //kod przesuwający w css 
        });
});

Dobrze myślę?

komentarz 19 kwietnia 2015 przez Geek Pasjonat (19,660 p.)

Funkcja scroll jak najbardziej na miejscu, ale w środku tej funkcji musisz sprawdzać odległość scrolla od górnej krawędzi strony. Do tego warunek if który jeżeli odległość jest taka jaka chcesz to funkcją .css() przypisuje elementowi position: fixed;