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

【PR】初心者でも安心なレンタルサーバー。２６３円から使えます。
【PR】HP登録でSEO対策！アクセスアップにコチラ！

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

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

サンプル

CSS Nite in Osaka Vol.7でちょっと話題にあがったので作ってみました。

設置方法は

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

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

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

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

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

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

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

関連エントリー

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

スポンサードリンク

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

このエントリーのトラックバックURL
http://blog.webcreativepark.net/cgi/mt/mt-bt.cgi/99
コメントを投稿


画像の中に見える文字を入力してください。