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

Sticky header CSS

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
+1 głos
474 wizyt
pytanie zadane 11 grudnia 2020 w HTML i CSS przez kamil1503 Nowicjusz (130 p.)
edycja 11 grudnia 2020 przez kamil1503

Cześć,

mam następujący problem. Ustawiłem sobie na navbar position: sticky i wszystko niby działa spoko, zwłaszcza na desktopie, jednak jest problem na telefonie (poza safari na iphonie tam działa ok). W momencie gdy zaczynam scrollowac na telefonie ucięta zostaje część navbaru. Wygląda to tak:

Przed scrollowaniem:\

Podczas scrollowania:

 

Czy ktoś wie o co może chodzić i jak temu zaradzić?

Dodam tylko, że przy scrollowaniu w góre znowu widać cały navbar :) 

1
komentarz 11 grudnia 2020 przez KopfSzmercen Bywalec (2,870 p.)
Spróbuj użyć position fixed, wtedy element jest 'wyciągnięty' z document flow.
2
komentarz 11 grudnia 2020 przez rafal.budzis Szeryf (85,380 p.)

@kamil1503, A gdzie kod ? ;) Miałeś poprawnie dodany position top ? Navbar jest w jakiś elemencie o pozycji relative? Bez kodu trudno zgadywać ;) 

komentarz 12 grudnia 2020 przez niezalogowany
przeniesione 13 grudnia 2020 przez Comandeer


Proszę podeślij kod ! Wydaje mi się że mógłbym pomóccool..

Pozdrawiam

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
1 odpowiedź 623 wizyt
0 głosów
1 odpowiedź 834 wizyt
0 głosów
1 odpowiedź 767 wizyt
pytanie zadane 7 maja 2020 w HTML i CSS przez poldeeek Mądrala (5,980 p.)

93,189 zapytań

142,204 odpowiedzi

322,030 komentarzy

62,517 pasjonatów

Advent of Code 2024

Top 15 użytkowników

  1. 2817p. - dia-Chann
  2. 2769p. - Łukasz Piwowar
  3. 2759p. - Łukasz Eckert
  4. 2738p. - CC PL
  5. 2704p. - Tomasz Bielak
  6. 2678p. - Łukasz Siedlecki
  7. 2666p. - rucin93
  8. 2485p. - Marcin Putra
  9. 2418p. - Michal Drewniak
  10. 2367p. - Adrian Wieprzkowicz
  11. 2317p. - Mikbac
  12. 2239p. - Michał Telesz
  13. 2156p. - Anonim 3619784
  14. 1733p. - rafalszastok
  15. 1628p. - Dominik Łempicki (kapitan)
Szczegóły i pełne wyniki

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 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...