0

JQUERY、固定高さのdiv（スクロールバー付き）スクロールバーが不要になるまでアニメーション化する方法は？

CSSのheight：200px設定のページにdivがあります。これにより、DIVに垂直スクロールバーが表示され、ユーザーは一連のテキストをスクロールできます。

DIV内のすべてのコンテンツが表示されるまで、つまりスクロールバーがなくなるまで、DIVをアニメーション化して高さを拡大したいと思います。

私は次のことを試しました：

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

しかし、これが機能している間は機能しませんでした：

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

それに関する問題は、DIVのテキストサイズが可変であるということです。アイデア？

ありがとう

4

1 に答える 1

3

あなたができること：

高さをに設定してからauto、を記録しoffsetHeightます。高さをすぐに元の状態に戻します。ブラウザはシングルスレッドであるため、ユーザーには変更がまったく表示されません。

次に、jQueryを使用して（または使用せずに）、記録された高さにアニメーション化します。

例：

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");
于 2010-05-30T04:43:52.380 に答える