jquery、固定された高さ（スクロールバー付き）のdiv（スクロールバー付き）が成長するまでアニメーション化する方法はもはやスクロールバーを必要としませんか？

Question

jquery、固定された高さ（スクロールバー付き）のdiv（スクロールバー付き）が成長するまでアニメーション化する方法はもはやスクロールバーを必要としませんか？

CSS高さ：200px設定のページにDivがあります。これにより、divには垂直スクロールバーがあり、ユーザーがテキストの束をスクロールできるようにします。

Divのすべてのコンテンツが表示されるまで、Divをアニメーション化して高さを拡張したいと思います。

以下を試しました：

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

しかし、それはうまくいきませんでした：これは次のとおりです。

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

それに関する問題は、divのテキストサイズが可変です。アイデア？

ありがとう

Answer 1

あなたができること：

高さをに設定します 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");