Logowanie

Sticky header CSS

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,260 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óc..

Pozdrawiam

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

Podobne pytania

0 głosów

1 odpowiedź 517 wizyt

Sticky header jest sticky tylko do pewnego momentu scrollowania

pytanie zadane 24 maja 2020 w HTML i CSS przez vingilot85 Obywatel (1,150 p.)

0 głosów

1 odpowiedź 671 wizyt

Pytanie- czy w css position sticky już działa we wszystkich przeglądarkach

pytanie zadane 26 grudnia 2020 w HTML i CSS przez Maxxxii Obywatel (1,260 p.)

0 głosów

1 odpowiedź 600 wizyt

position: sticky css

pytanie zadane 7 maja 2020 w HTML i CSS przez poldeeek Mądrala (5,980 p.)

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...