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

footer部分を画面下部に固定するためのjsライブラリ『footerFixed.js』を作成しました。

フッターをコンテンツの内容量にかかわらずwindow下部に表示させるためのjsライブラリです。

サンプル

設置方法は

head要素なのでfooterFixed.jsを読み込みます。

<script type="text/javascript" src="./footerFixed.js"></script>

ウィンドウ下部に固定したい要素にid属性「footer」を付けます。

これでその要素をウインドウの下部に表示させることが可能です。

(ウインドウの下部というのがわかりにくいと思うのですが、内容量がウィンドウサイズを超える場合は通常通り、内容量がウィンドウサイズより小さい場合はウィンドウの下部に配置という意味です。)

画面下部にフッター表示はめんどくさいですがCSSでも可能ですので、CSSが好きな方はこちらをお勧めします。

MITライセンスです。

参考:画面下部にフッター表示

関連エントリー

ブロックレベル要素の高さを揃えるheightLine.js
アルファ画像を扱うalphafilter.jsライブラリ
一番簡単な画像置換の方法-imageReplace.js-
ページ内リンクをスマートにするsmoothScroll.js
半角カナを全角カナに変換するjsライブラリ
ie以外でもクリップボードが使えるsetClipboard.js

スポンサードリンク

«DOM 読み込み完了時に関数を実行する domready.js | メイン | 【Adobe Spry TIPS】 目次»