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

Question

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.

Answer 1

.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.

Comments

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

Dobrze myślę?

---

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;

---

Ok, dzięki bardzo. Przyda się na przyszłość.

---

Nie ma sprawy ;)

Answer 2

Dodaj do menu position:fixed;

Answer 3

Może to czas na Bootstrapa?

http://getbootstrap.com/examples/navbar-fixed-top/.

:-)

Answer 4

Ustaw w divie menu

 position: fixed;  (Menu będzie się przesuwało wraz z przewijaniem strony)

tak z ciekawości warto wiedzieć że

 position: absolute; (Element jest stały)

Pozdrawiam