スポンサードリンク
最近のディスプレイはでかいサイズが多くて
スマホも縦長なので
フッターがうまいこと下に合わないことが多いです。
そんな時に便利なものがありました。
スポンサードリンク
footerをウィンドウ下部に固定する『footerFixed.js』
footerをウィンドウ下部に固定する『footerFixed.js』
こちらに紹介されていました。
使い方
使い方はめっちゃ簡単です。
上記サイトからfooterFixed.jsをダウンロードして使いたいフォルダに保存します。
次に、headなどでfooterFixed.jsを読み込みます。
<script type="text/javascript" src="js/footerFixed.js"></script>
※jsフォルダに配置した場合
ウインドウ下部に固定したい要素に
idを「footer」にします。
<div id=footer> ・・・ </div>
これだけです。
この「footerFixed.js」がいいのは
ウインドウサイズよりもfooterの位置が上の場合に下に固定してくれます。
ウインドウサイズよりもfooterが下の場合は
通常のままという事です。
しかも、idがfooterでいいので
大体のサイトでfooterFixed.jsを読み込むだけで
使えるんじゃないでしょうか？
他の方法
他にもCSSでやる方法とかありました。
下記サイトを参照してください。
スポンサードリンク
