PAGE TOP

フッターを常に最下部に固定するjQueryプラグイン「footerFixed.js」

※写真は記事と全く関係ありません。あしからず・・・

お世話になっているjQueryプラグインの一つ、フッターをコンテンツ最下部に固定するプラグイン、「footerFixed.js」です。

コンテンツが極端に少ないページなんかも時々あります。
4Kテレビも製品化したし、パソコンのディスプレイもどんどん進化してるし、そのうち高さ2000pxを超えてくることも考えられます。ディスプレイを縦に使ってる人も少数ながらいらっしゃいます。
cssでも回避できますけど、cssで高さを弄ると弊害が出やすくて嫌なんです。

そこでそんな悩みを一発解消してくれるのが、このjQueryプラグインです。

フッターを固定するjQueryプラグイン「FooterFixed.js」

使い方も超絶☆簡単。
いつもどおりヘッダにjsファイルを読み込んで、

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="<?php bloginfo('template_url')?>/js/footerFixed.js"></script>

あとはフッター要素をcssで#footerとして、htmlでは<div id=”footer”></div>としてやるだけです。
<div id=”footer”></div>の内容がブラウザ下部に固定されます。

多様化するディスプレイサイズに、保険の意味も兼ねてよく使っている定番プラグインです。
作者さんのサイトはこちら

DOWNLOAD


同じカテゴリのおすすめ記事

  • カテゴリー

  • 最近の投稿

  •