Webページ作成に役立つjQuery①-フッターをページ下部で固定-
幾つかWebページを作ってきた中で、地味に役に立ったjQueryを紹介していきます。
初回は、フッターの位置を自動でウィンドウの一番下に設定してくれるjQuery、「footerFixed.js」について書いていきます。
footerをウィンドウ下部に固定する『footerFixed.js』
使い方:
まず、上記リンクのページからfooterFixed.jsをダウンロード。
次に、htmlのhead内でjQueryとfooterFixed.jsを読み込ませます。
あとはフッターにしたい(ウィンドウ下部に固定したい)div要素のidを「footer」と指定してあげれば完了です。
このjQueryのすごいところは、フッターの位置がウィンドウの大きさより小さい場合はページ下部に固定してくれるという点です。
footerFixed.js使用前
footerFixed.js使用後
「jQueryなんて邪道だ!」という人でもない限り、これが一番簡単なフッターの作成方法なのではないでしょうか?