Own products

  • 新規事業のアイディア創造機

Memolog

2014
07/02

jQueryで取得する「○○の高さ」について

  • このエントリーをはてなブックマークに追加
$(document).height();//最低のブラウザ領域

コンテンツの高さ総計 < ブラウザ可視領域 なら ブラウザ可視領域
コンテンツの高さ総計 > ブラウザ可視領域 なら コンテンツの高さ総計

$('html').height();//コンテンツの高さ総計

なので、サイドバーとかでコンテンツが少なくても多くても、常に最下部まで高さを持ってきたい場合は

var doc_height = 0;
var html_height = $('html').height();
$(window).on("load resize", function(){
	doc_height = $(document).height();
	if(doc_height >= html_height) $('#sidebar').height(doc_height);
});

って書いて、高さを取得 → サイドバーにその高さを代入する。

コメントを投稿する

お名前

ご連絡先メールアドレス※非公開

コメント

CAPTCHA


  • このブログのRSSを購読する
  • このブログをtwitterでつぶやく
  • このブログをFacebookで共有する
  • このブログをはてなブックマークで共有する

Favorite feeds

    Contact

    お名前※必須

    ご連絡先メールアドレス

    お問い合わせ内容※必須

    CAPTCHA

    captcha

    Blog parts

    Affiliate