2

作業中のページの下部にあるスペースを jQuery が誤って計算するという問題があります。ページ上にある非表示の div レイヤーが原因である可能性があります。

ブラウザに表示されるように、jQueryがページの「実際の」高さを計算できる方法はありますか? これまでの私のコードは次のとおりです。

var doc_height = $(document).height();
var footerHeight = $('.footer-wrapper').height();
var main_body_height = doc_height - footerHeight;
$("div.wrapper-holder").height(main_body_height);

この正確なコードは、サイトの他のページでも問題なく機能しているようですが、このページの問題の原因を知っている人はいますか?

問題のスクリーンショットは次のとおりです。

スクリーンショット

実際のページへのリンクはこちら: http://www.upreach.org.uk/undergraduates/partners.php

あなたが与えることができるどんな助けにも感謝します...

4

1 に答える 1

4

でコードを (もう一度) 実行してみてください。 がトリガー$(window).on('load')されたときに画像が読み込まれないため、計算が狂っている可能性があります。$(document).ready()

待つ必要のないより良い解決策はheight、すべての画像に属性を追加することです。(現在、width属性のみを設定します。)これは同じ結果になります。画像がロードされているかどうかに関係なく、jQuery はドキュメント全体の高さを正確に計算できます。

于 2013-09-30T16:16:20.787 に答える