【jQuery】レスポンシブ固定フッターの高さを自動取得し、コンテンツに余白を付けたい - luladesign 長野県上田市、ウェブ制作、ホームページ制作、DTPデザイン制作

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