Mobilne menu – staticke

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

(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

(69 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

(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

(69 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

19. 6. 2018 10:45:47

https://webtrh.cz/diskuse/mobilne-menu-staticke/#reply1352602

Creator13

(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

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

(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