Antwort an „JürgenB“ verfassen

SELF-Forum

Fragen zum Hamburger Button

JürgenB Homepage des Autors

Hallo Gabriele,

  1. In dem Beispiel wollte ich die Dauer des Öffnens des Menus testweise auf 3 Sekunden einstellen.
    Warum klappt dies nicht?

dein Versuch, im Button die drei Linien zu animieren scheitert daran, dass da nichts zum animieren ist. Warum eigentlich drei span als Linien? Es gibt für den Hamburger ein Unicode-Zeichen.

Die andere Animation beißt sich mit dem Umschalten display: none / block

  1. wie kann ich erreichen, dass das aufgeklappte Menu immer unter dem Hamburger Button steht, egal wo sich letzterer befindet?

Dafür bietet sich die Anchor-Technik an. Hier (https://wiki.selfhtml.org/wiki/Benutzer:JürgenB#Zug.C3.A4ngliche_Navigation_mit_popover_und_anchor) ist die Testversion einer Navigation mit Popover- und Anchor-Technik. Die Positionierung funktioniert z.Zt. nicht im Firefox, aber da werden die (Unter-)Menüs eben nicht unter den Button angezeigt.

Es gibt auch einen Polyfill für die Anchor-Technik, aber da ist die Verbindung zwischen Anchor und Element etwas aufwändiger, siehe https://wiki.selfhtml.org/wiki/Benutzer:JürgenB#Test_der_anchor-Technik

Gruß
Jürgen

freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar

Ihre Identität in einem Cookie zu speichern erlaubt es Ihnen, Ihre Beiträge zu editieren. Außerdem müssen Sie dann bei neuen Beiträgen nicht mehr die Felder Name, E-Mail und Homepage ausfüllen.

abbrechen