Ich habe ein DIV definiert mit einer festen Höhe:
%Vor%Wenn ich Text hineinlege, wird alles versteckt, was über die 100px hinausgeht. Ich habe einen Knopf, der den gesamten Text anzeigt, im Grunde tut es das:
%Vor%Damit wird der gesamte Text sichtbar, aber ich möchte das animieren. Und das funktioniert nicht mit height = 'auto', es muss eine bestimmte Höhe haben.
Die Frage: Wie bekomme ich die Höhe, die der DIV haben sollte, um den gesamten Text darin anzeigen zu können?
Sie könnten die Höhe auf "auto" setzen, dann messen, dann zurückstellen und den Effekt starten.
Ähnliches Beispiel ( Live-Beispiel ):
%Vor% probiere scrollHeight wie folgt aus:
Beachten Sie [0] , da es sich um eine Eigenschaft von DOM-Elementen handelt.
T.J. Crowders Antwort funktionierte nicht für mich, weil "oldHeight" ein berechneter Pixelwert war, der sich von dem Rem-Wert unterschied, den ich in meinem Stylesheet angegeben hatte. Außerdem überstieg der Inline-Stil eine andere Höhe, die ich für eine andere Medienabfrage hatte. Anstatt also "oldHeight" zu speichern und später wieder zurückzusetzen, habe ich gerade den Inline-Stil von jQuery gelöscht, indem ich css 'height "auf eine leere Zeichenfolge gesetzt habe.
%Vor%