• RSS

[JS]ウィンドウの高さを取得して要素の高さを100%にする方法

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

jQuery でウィンドウの高さを取得して、特定の要素の高さを常に100%にする方法のご紹介です。

ウィンドウの高さを取得して高さを調整

今回は例として#container という要素の高さを100%にしてみます。

<head>タグ内で、jqueryファイルと一緒に以下のJavascript の記述を追加します。

ページ読み込み時にウィンドウの高さを取得してスタイルで指定すると共に、$(window).resize…以降で、ウィンドウの高さが変わった(リサイズ)した場合に高さを取得す処理も入れます。

ウィンドウの高さを取得して要素の高さを100%にするデモ



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください