Webページ作成に役立つjQuery①-フッターをページ下部で固定-

幾つかWebページを作ってきた中で、地味に役に立ったjQueryを紹介していきます。

 

初回は、フッターの位置を自動でウィンドウの一番下に設定してくれるjQuery、「footerFixed.js」について書いていきます。

footerをウィンドウ下部に固定する『footerFixed.js』

 

使い方:

まず、上記リンクのページからfooterFixed.jsをダウンロード。

次に、htmlのhead内でjQueryとfooterFixed.jsを読み込ませます。

あとはフッターにしたい(ウィンドウ下部に固定したい)div要素のidを「footer」と指定してあげれば完了です。

 

このjQueryのすごいところは、フッターの位置がウィンドウの大きさより小さい場合はページ下部に固定してくれるという点です。

f:id:unitymas_CS:20150403161307p:plain footerFixed.js使用前

f:id:unitymas_CS:20150403161318p:plain footerFixed.js使用後

jQueryなんて邪道だ!」という人でもない限り、これが一番簡単なフッターの作成方法なのではないでしょうか?