footerをウィンドウ下部に固定する「footerFixed.js」を使ってみました。

ショベルカー

ショベルカー

最近のディスプレイはでかいサイズが多くて

スマホも縦長なので

フッターがうまいこと下に合わないことが多いです。

そんな時に便利なものがありました。

スポンサードリンク

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でやる方法とかありました。

下記サイトを参照してください。

隙間を埋める!フッターをウィンドウ下部に固定する3つの方法

スポンサードリンク

コメントを残す

サブコンテンツ

このページの先頭へ