divを2番目のdivのウィンドウと高さに反応させたい

Question

2つのdivのフリーリストをスクロールなしで変更可能（赤色）に変更し、2番目のdiv（黒）の高さを画面の最大サイズ（2番目1つはスクロールする）。どのようにこれを行うにはどのようなアイデア？私は赤いものにスクロールをしたくない。

私が試したものの追加コード：

$(document).ready(function() { 
      var h = $("#topContainer").height(); 
      var heightBottomContent = $(window).height() - h; 
      $("#botContainer").height(heightBottomContent); 
     }); 

Answer 1

私はあなただけのウィンドウにload & resizeイベント、それを実装する必要があり、自分自身の問題を解決していると思う：

$(window).on('load',fix_height).on('resize',fix_height); 

function fix_height() { 
    var h = $("#topContainer").height(); 
    var heightBottomContent = $(window).height() - h; 
    $("#botContainer").height(heightBottomContent); 
}