min-heightをつかって、さらにIE6対策に、height:auto !important;height:~px;とやるのが面倒だし、「jQueryでやっちゃえ」と思ってできたのでメモです。
#footer(例:35px)を画面の高さに合わせてページの一番下に配置するjQueryコード。
var docHeight=$(document).height();//ドキュメントの高さ取得
//ドキュメントの高さが、ページの高さと同じなら、footer分の高さを引き、そうでなければそのまま。(三項演算子って便利)
var footerHeight=docHeight==$(window).height()?docHeight-35:docHeight;
$("#footer").css({position:"absolute",top:footerHeight});//直接jQueryで position:absoluteにしてしまい、topからの高さを指定。
0 件のコメント:
コメントを投稿