【jQuery】レスポンシブ固定フッターの高さを自動取得し、コンテンツに余白を付けたい
Date 2017.02.15 Category blog
可変デザインで固定フッター要素分コンテンツにした余白をつける
レスポンシブサイト構築で、フッターを固定(fix）させて表示している場合、
可変なのでフッター要素の高さが変わりますが、高さを自動で取得しその高さ分、コンテンツにパディング（余白）をもたせた時のメモ。
|
1 2 3 4 5 6 |
(function($){ $(document).ready(function () { hsize = $('footer').height();//フッターの高さを取得 $("#wrapper").css("padding-bottom", hsize + "px");//取得したフッターの高さ分#wrapperにpadding-bottomをpxで指定 }); })(jQuery); |
