• Facebook
  • Twitter
  • RSS
月別
コツコツあつめるWeb作りのためのたね たねっぱ!Web系情報ブログ Webのお役立ちネタ配信中!

footer【フッター】を簡単にウィンドウの下に固定するjQuery

投稿者アイコン
2014/06/16
書いた人:
yanoppa!
カテゴリ:
CSS   HTML   jQuery   Web制作
15,834 views

Windowの高さが足りないとき、フッターをウィンドウの下に固定させるJavaScript footerFixed.js を紹介します!CSSでややこしくしなくてもOK!

footer【フッター】を簡単にウィンドウの下に固定するjQuery

おはこんばんちわ やのっぱです。
よくページのコンテンツ量が少なくて、フッターの下に隙間がガッツリ出来てしまう事。。。ありますよね?
他のページはコンテンツ量多いのにこのページだけ。。。
そのためだけにCSS書くのも面倒だ。。。

そんなときはこちら!

footerFixed.js

こちらはダウンロードしたjsファイルを読み込ませて
footerにid=”footer”を指定するだけ簡単お手軽!

自動でウィンドウの下部へフッターを配置してくれます。やっほぃ!

【実装方法】

こちらを開いて、右クリック!

名前をつけて保存で、自分のサイトのjsディレクトリに突っ込みます。
次にこんな感じでhead内に記述します。

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



そしてfooterにid=”footer”を付けるだけ!

これで面倒なCSSの記述をしなくてもOKですね!

※こちらはto-RさんのMITライセンスです。
制限なく使用できますが、js内の上のライセンス情報は残しましょう。


この記事を読んだ人はこんな記事も読んでいます