Problem mit Hamburger navigation container

[Gunnar Bittersmann]

@@Auge

Das Ergebnis ist also ein initial offenes Menü, das nach dem Laden der Seite per JS geschlossen und mit dem zur Bedienung benötigten Button versehen wird.

Dabei dürfte sich aber kaum vermeiden lassen, dass die Nutzer das geöffnete Menü für einen kurzen (oder sollte ich sagen: mehr oder weniger langen) Augenblick zu sehen bekommen, bevor es wie von Geisterhand verschwindet. Nicht die beste UX. Das sollte man vermeiden.

Was wären die Alternativen? Ohne JS ist „≡“ ein Link zu einer anderen Seite mit dem Menü? Auch nicht so prickelnd. Dann vielleicht doch der :target- oder der Checkbox-Hack, was per JS durch die gute Lösung mit Button ersetzt wird.

Das Wissen zur Erzeugung des Buttons

… halte ich hier nicht für notwendig. Einfacher und performanter ist es, den Button mit HTML zu erzeugen – mit gesetzten hidden-Attribut, was per JS entfernt wird.

🖖 Живіть довго і процвітайте