【jQuery】コンテンツの高さの自動調整 at softelメモ問題 ユーザのブラウザサイズに合わせてコンテンツを調整したい。 ウィンドウ全体にスクロールバーを出したくない。 ユーザーが途中でブラウザサイズを変えても、調整したい。 答え ウィンドウサイズを変更する際にはresizeイベントが発生する。 jQueryで書くと $(window).on('resize', function(){ //リサイズ時の処理 }); この時に高さを色々と計算して、cssを更新します。 $(function(){ function adjust(){ var h = $(window).height(); //ウィンドウの高さ var h1= $('#header').height(); //他要素の高さ $('#contents').css('height', h-h1); //可変部分の高さを適用 } adjust(); $(window).on('resize
