Auf meiner Website möchte ich animieren, wenn ein Menü geöffnet wird. Ich tue das, indem ich das max-height des <div> das das Menü ändere (und auch display ändere).Animierte Höhe, wenn die maximale Höhe auf keine geändert wird
max-height wurde von 4em zu none geändert. Es war einmal, dass es in 500px statt none geändert wurde und dann die Animation funktionierte, aber es funktioniert nicht mit none.
Was mache ich falsch?
Keine ist für max-height nicht gültig. Ich würde es in 0 ändern.
Was ich will ist, dass, wenn ich auf den Knopf klicke, um das Menü zu öffnen, es in der Lage sein sollte, so viel Höhe zu bekommen, um den ganzen Inhalt anzuzeigen, so möchte ich das Limit der maximalen Höhe entfernen. Wenn Sie ihn auf 0 setzen, bedeutet das, dass er überhaupt keine Höhe hat. – Alexander
** Ein paar Dinge: ** 1) Sie werden definitiv abstimmen, wenn Sie nicht tatsächlichen Code posten. 2) Keine ist eine gültige maximale Höhe Eigenschaft wie @Reuben angegeben. 3) Die CSS-Anzeigeeigenschaft ist nicht animierbar. Eine bessere Möglichkeit, dies zu tun, könnte mit der Sichtbarkeit sein (https://StackOverflow.com/questions/3331353/Transitions-on-the-display-property) – kauffee000
Ich habe den tatsächlichen Code, es ist ganz unten in der Frage . Und ich versuche auch nicht, die Anzeigeeigenschaft zu animieren, ich versuche, 'max-height' zu animieren. Und es hat funktioniert, um zu animieren, wenn ich die 'max-height' auf' 500px' anstelle von 'none' setze, aber was ich jetzt tun möchte ist, dieses Limit vollständig zu entfernen, so dass es so viel Höhe wie der Inhalt benötigt, wie es wäre, wenn 'max-height' nicht gesetzt wäre. – Alexander
Poste deinen Code. – kauffee000
@ kaufe000 es ist auf der «Hier ist meine Website» -Link am Ende der Frage. – Alexander