Animationen funktionieren nicht mit Javascript

262
Isaac Elenbaas

Ich bin ein Highschooler in einer extrem grundlegenden Webdesignklasse. Gelangweilt warf ich einige Dropdown-Menüs mit animierten Pfeilen zusammen. Ich muss die maximale Höhe für die offenen und geschlossenen Animationen einstellen, um mit Text arbeiten zu können. Das Schließen ist einfach (0px), aber ich muss die Öffnung auf die exakte Höhe des Objekts einstellen, da keine mit Animationen funktioniert. Ich habe den folgenden Code, der die volle Größe erhält und dann auf 0 und dann das setzt, aber die Animation funktioniert nicht. Ich dachte, es könnte an der Übergangsverzögerung liegen, die die Werte verschraubt, aber selbst das Ein- und Ausschalten zwischen den Elementen funktioniert nicht und beim Protokollieren erhält es den korrekten Höhenwert. Wie geht's?

content.style.maxHeight = "none"; var openContentHeight = content.clientHeight; content.style.maxHeight = "0px"; content.style.maxHeight = openContentHeight + "px";
0

1 Antwort auf die Frage

0
Isaac Elenbaas

Ich habe es geschafft, es mit einer Verzögerung von 0 zu beheben. Ich gehe davon aus, dass es eine Abklingzeit gibt, wenn Sie die Einstellungen ändern, um zu verhindern, dass fehlerhafter / gelöschter Code alles abtötet, und wenn Sie ihn in einem neuen Thread ausführen, der die Abklingzeit beendet hat.

Verwandte Probleme