フッターを下部に固定するfooterFixed.jsを、メインエリアの背景が切れないように改造してみた

MITライセンスのfooterFixed.js
http://blog.webcreativepark.net/2007/11/16-012253.html
すご~く便利なのだけど、メインエリアの背景が切れてしまうので、改造してみた。
要jQuery
JavaScriptだけで改造できるとかっこいいんだろうな……。

HTML(だいたい。)footerがfooterWrapに直してないのはちょっと恥ずかしいかなと思いつつ、そのまま公開。
気になるようなら個人的に直すといいんだろうな。

<div id="#headerWrap">
</div>
<div id="#mainWrap">
</div>
<div id="footer">
</div>

footerFixed.jsの改造部分。
30行目付近から。

		if(ft+fh<wh){
//追記部分開始
			var mainH = wh - fh - $('#headerWrap').height();
//追記終了
//記述変更
//			document.getElementById(footerId).style.position = "relative";
//			document.getElementById(footerId).style.top = (wh-fh-ft-1)+"px";
			document.getElementById(footerId).style.top = (wh-fh-ft)+"px";
//追記部分開始
			$('#mainWrap').css({height:mainH});
//追記終了
		}

投稿者:

ayako0802

フロントエンドエンジニア