• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

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

VPS Starter Arubacloud
0 głosów
14,631 wizyt
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

+3 głosów
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 (214,270 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;
komentarz 19 kwietnia 2015 przez Ehlert Ekspert (214,270 p.)
Ok, dzięki bardzo. Przyda się na przyszłość.
komentarz 19 kwietnia 2015 przez Geek Pasjonat (19,660 p.)
Nie ma sprawy ;)
0 głosów
odpowiedź 19 kwietnia 2015 przez Boshi VIP (100,240 p.)
Dodaj do menu position:fixed;
0 głosów
odpowiedź 19 kwietnia 2015 przez HaKIM Szeryf (87,590 p.)

Może to czas na Bootstrapa?

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

:-)

0 głosów
odpowiedź 20 kwietnia 2015 przez Wilczu Mądrala (5,190 p.)
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

Podobne pytania

0 głosów
3 odpowiedzi 1,277 wizyt
+3 głosów
6 odpowiedzi 881 wizyt
pytanie zadane 20 kwietnia 2015 w HTML i CSS przez norbi121 Początkujący (270 p.)
0 głosów
2 odpowiedzi 1,175 wizyt
pytanie zadane 23 maja 2015 w JavaScript przez Robert Saternus Stary wyjadacz (12,180 p.)

93,078 zapytań

142,041 odpowiedzi

321,445 komentarzy

62,422 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...