Zadejte hledaný výraz...

Mobilne menu – staticke

Creator13
verified
rating uzivatele
(49 hodnocení)
19. 6. 2018 09:40:56
Ako urobit menu v css ako ma napr. alza?
Snazim sa vytvorit menu pre mobilnu verziu webu. Chcem docielit, aby sa obsah pod menu nehybal a aby sa dalo scrollovat iba menu. Skusal som takto, ale nie je to ono. Budete mat pre mna nejaku radu?
ul#hlavneMenu {
width:100%;
background:#ffffff;
border-bottom:3px solid #cdcdcd;
border-radius:0px;
margin:0px;
z-index:1100;
position:fixed;
top:60px;
left:0;
right:0;
height:auto;
padding:0px;
}
19. 6. 2018 09:40:56
https://webtrh.cz/diskuse/mobilne-menu-staticke/#reply1352606
Vít Michalek
verified
rating uzivatele
(14 hodnocení)
19. 6. 2018 09:54:21
A co ti na tom nesedí (proč máš menu odsazené o 60px z hora?)
19. 6. 2018 09:54:21
https://webtrh.cz/diskuse/mobilne-menu-staticke/#reply1352605
David Musil
verified
rating uzivatele
(68 hodnocení)
19. 6. 2018 10:12:23
Chcem docielit, aby sa obsah pod menu nehybal a aby sa dalo scrollovat iba menu.
Bud tomu nerozumim, nebo to nechapu :)
Nedela se to nahodou opacne? Tedy tak, aby se prave hybal obsah pod menu a menu drzelo fixne nahore na strance?
19. 6. 2018 10:12:23
https://webtrh.cz/diskuse/mobilne-menu-staticke/#reply1352604
Creator13
verified
rating uzivatele
(49 hodnocení)
19. 6. 2018 10:15:51
Napsal musil.david;1469998
Bud tomu nerozumim, nebo to nechapu :)
Nedela se to nahodou opacne? Tedy tak, aby se prave hybal obsah pod menu a menu drzelo fixne nahore na strance?
Skus si dat na telefone web alza.sk. Daj si na sirku mobil, aby sa dalo v menu scrollovat. Scrolluje sa iba menu a obsah pod menu zostava staticky.
19. 6. 2018 10:15:51
https://webtrh.cz/diskuse/mobilne-menu-staticke/#reply1352603
David Musil
verified
rating uzivatele
(68 hodnocení)
19. 6. 2018 10:45:47
Mozna mi to funguje jinak v Safari, ale ja vidim zelene tlacitko "Cely katalog". Pod tim je dalsi obsah webu. Kdyz kliknu na tlacitko, rozbali se mi menu a samozrejme pak scrolluju jen v tomto menu, protoze to bude nejake otevreny
    seznam. To je ale bezna funkce.
    Nemas ukazku online, abych se na to podival? Podle me bude chyba jinde.
19. 6. 2018 10:45:47
https://webtrh.cz/diskuse/mobilne-menu-staticke/#reply1352602
Creator13
verified
rating uzivatele
(49 hodnocení)
19. 6. 2018 11:08:53
Napsal musil.david;1470011
Mozna mi to funguje jinak v Safari, ale ja vidim zelene tlacitko "Cely katalog". Pod tim je dalsi obsah webu. Kdyz kliknu na tlacitko, rozbali se mi menu a samozrejme pak scrolluju jen v tomto menu, protoze to bude nejake otevreny
    seznam. To je ale bezna funkce.
    Nemas ukazku online, abych se na to podival? Podle me bude chyba jinde.
Lavy, horny rok. Kliknutie na klasicky hamburger.
Imgur: The magic of the Internet
19. 6. 2018 11:08:53
https://webtrh.cz/diskuse/mobilne-menu-staticke/#reply1352601
Michal Jeřábek
verified
rating uzivatele
19. 6. 2018 12:18:01
V první řadě tam musíte mít (max-)height: 100%; (height: calc(100% - 60px);) a overflow: auto; Aby se nehýbal obsah pod menu, ani když doskrolujete na konec/začátek obsahu menu, tak to lze řešit javascriptem a nebo pomocí overscroll-behavior: contain; (overscroll-behavior: none;), ale to funguje jenom v některých prohlížečích.
19. 6. 2018 12:18:01
https://webtrh.cz/diskuse/mobilne-menu-staticke/#reply1352600
Creator13
verified
rating uzivatele
(49 hodnocení)
20. 6. 2018 15:03:51
Napsal mjerabek;1470025
V první řadě tam musíte mít (max-)height: 100%; (height: calc(100% - 60px);) a overflow: auto; Aby se nehýbal obsah pod menu, ani když doskrolujete na konec/začátek obsahu menu, tak to lze řešit javascriptem a nebo pomocí overscroll-behavior: contain; (overscroll-behavior: none;), ale to funguje jenom v některých prohlížečích.
Diky. Mrknem na to.
20. 6. 2018 15:03:51
https://webtrh.cz/diskuse/mobilne-menu-staticke/#reply1352599
Pro odpověď se přihlašte.
Přihlásit