Zmiana absolute na fixed w momencie kiedy cale menu nie moze byc wyswietlone w rozmiarach swojego okna przegladarki

Question

Siema mam pytanie czy da rade zrobic tak ze, mamy menu ktore ogolnie jest na display none, ale obecnie jest pokazane i chodzi o to ze:

mam takie menu u siebie w dole strony, zalezy jak ktos zjedzie strona w dol czasem otworzy sie cale menu(w oknie przegladarki) i je widac(w calej okazalosci) a czasami trzeba wciaz w przegladarce troszke jeszcze zjechac w dol(by je zobaczyc cale), no i mam takie pytanie czy da rade zrobic tak ze, wstepnie jest ustawione na position: absolute; (czyli dopasowuje sie do rodzica) ale w momencie kiedy menu nie miesci sie w oknie przegladarki(po prostu ze nie widac go w calej okazalosci i trzeba zjezdzac suwakiem w dol by widziec cale :D) zeby zachowywalo sie jak position: fixed; ? wzg okna?

Czyli efekt bylby taki ze w kazdym momencie kiedy bede zmniejszal okno przegladarki i przestanie sie miescic przy rodziciu zeby zachowywal sie wzg przegladarki i caly czas by bylo cale widoczne, no chyba ze jesli juz tak sie zmniejszy przegladarke ze sie wgl menu nie zmiesci.

Czy sie nie da takiego czegos zrobic?

https://codepen.io/Turqus/pen/zEQjoG?editors=1100

Comments

Przychodzi mi na myśl tylko responsywność strony, czyli np. zapytania medialne (jeśli dobrze zrozumiałem o co Ci chodzi)

---

Witam.

Bootstrap ma klase .dropup która powoduje, że menu jest rozwijane do góry(bo używasz bootstrapa). Może takie rozwiązanie będzie lepsze. Ale co do Twojego pytania to myślę, że menu mogłoby nie być warstwa tylko elementem kontenera i po rozwinięciu powiększało by kontener przez co strona sama skrolowała by się do góry. Poza tym to nie jest prawidłowa struktura nawigacji bootstrapa.

---

Poza tym to nie jest prawidłowa struktura nawigacji bootstrapa.

Nie zrozumialem, co nie jest prawidlowa struktura nawigacji?

.dropup która powoduje, że menu jest rozwijane do góry

Okej ale tak jak mowilem to wszystko zalezy jaki rozmiar jest przegladarki :P oraz to jak ktos jest nisko ze scrollowany lub wysoko. Tzn ze jesli wyscrolluje na dol i odpale dropup to gora moze mi zaslaniac, (jesli zjade na sam dol ze cm bede mial do krawedzi top menu to mi tez wyskoczy schowane :P

Answer 1

Sprawdź to, dałem tylko takie zachowanie w momencie gdy strona się załaduje, ale możesz to przeszczepić również np. on resize window.

https://codepen.io/Czeran/pen/yzdBpV

Comments

Tzn aktualnie to dziala caly czas na position fixed, nie zauwazylem by sie to zmienialo po zmniejszaniu okna przegladarki ?? Czy to trzeba przeszczepic na resize window by zadzialalo?

---

jak zmienisz okno przeglądarki i odświeżysz to wtedy zadziała (tylko sprawdza na inicjalizacji dokumentu)