HTMLを挿入するとスムーズな境界線の遷移が拡大します。

私は、Bordered divにhtmlを追加するためにJQueryを使用しています。その結果、divは高さが増します。それは突然サイズを変え、私はその移行を円滑にすることができません。私は追加しようとしました：HTMLを挿入するとスムーズな境界線の遷移が拡大します。

transition: border 0.5s ease;

しかし、それは影響していないようです。

2017-07-26 fdsfdsgf

トランジションは数値のみで動作します。 'auto'値は影響を受けません。 – VictorGodoi

「transition：all 0.5s ease;」というのは、境界線ではなく、変化する高さだからです。 –

JQueryは即座にコンテンツを追加します。そのような変化はありません....そして、あなたは自動 'height '。 –

あなたがそれにHTMLを追加するとき、あなたのdivのサイズに成長したい場合は、このような何かをやってみてくださいは：

var container = $(".yourContainer"); 
    var htmlToAdd = $(".yourHtmlToAdd"); 

    htmlToAdd.appendTo(container).hide().slideDown(500);

hide().slideDown(500)は、追加したHTMLがあなたのコンテナのdivを成長させる大きさに成長するようになりますサイズも同様です。

2017-07-26 13:52:28 philr

答えて