javascript - jQueryを使用してdivに100％の高さを割り当てます

Question

私はこのような同様の問題を抱えています

高さ 100% の css プロパティに div をアニメーション化したいと考えています。これはうまくいかないようです：

$("#somediv").css('height', '100%');

スライドダウン/アップ以外にこれを解決する方法はありますか?

Answer 1

divをウィンドウの高さに設定するだけです

$("#somediv").height($(window).height());

これを行わない場合、使用するには、すべての親要素に明示的な高さを設定する必要があります。height: 100%;

Answer 2

var somediv = $("#somediv");
somediv.css('height', somediv.parent().height());

Answer 3

次のように親の高さを使用できます。

$("#somediv").css('height', $("#somediv").parent().height());

または、高さを取得できるdivにIDを付けます

$("#divtogethigger").css('height', $("#iddivheight").parent().height());

アニメーション化したい場合：

$('#somediv').animate({
    height: $(this).parent().height()
  }, 5000, function() { 
    // Animation complete.
  });