コンテンツの高さが変化するにつれて、コンテナー要素の高さの変化をアニメーション化したいと思います。私はしようとしています :
.container {
height: auto
background: #eee
-webkit-transition: height 0.4s ease-in-out;
-moz-transition: height 0.4s ease-in-out;
-ms-transition: height 0.4s ease-in-out;
-o-transition: height 0.4s ease-in-out;
transition: height 0.4s ease-in-out;
}
次に呼び出します:
$('.container').html('...');
ただし、コンテナーが自動的にスナップするたびに。私が電話した場合:
$('.container').height(400);
アニメーションが発生します。ただし、中身のサイズはわかりません。コンテンツを変更するときにそれをトリガーする方法について何か考えはありますか?