JQUERY, div mit einer festen Höhe (mit einem Scrollbalken), wie zu animieren, bis es nicht mehr benötigen, eine Bildlaufleiste wächst?

Question

JQUERY, div mit einer festen Höhe (mit einem Scrollbalken), wie zu animieren, bis er wächst nicht mehr benötigen, eine Bildlaufleiste?

Ich habe ein Div auf einer Seite mit einem CSS. Höhe: 200px Einstellung, die die DIV eine vertikale Bildlaufleiste macht, die es den Benutzer zu blättern durch ein Bündel von Text erlaubt

Ich mag die DIV animieren in Höhe zu erweitern, bis alle Inhalte in der div gezeigt wird, nicht mehr Bildlaufleiste Bedeutung

Ich habe versucht, die folgenden:

$("#view-container").animate({"height": "auto"}, "slow");

, aber das hat nicht funktioniert, während dies tut:

$("#view-container").animate({"height": "1000px"}, "slow");

Problem mit diesem ist die Textgröße in der DIV-Variable. Ideen?

Danke

Answer 1

Was Sie tun können:

Stellen Sie die Höhe auto, notieren Sie dann die offsetHeight. Ändern Sie die Höhe zurück zu dem, was es war sofort -. Die Benutzer die Änderung nicht sehen überhaupt als Browser sind Single-Threaded

Dann nutzen jQuery (oder nicht) zu animieren, um die aufgezeichneten Höhe.

Beispiel:

var vc = document.getElementById('view-container');
var vcold = vc.style.height;
vc.style.height = 'auto';
var vcheight = vc.offsetHeight;
vc.style.height = vcold;
$("#view-container").animate({"height": vcheight + "px"}, "slow");