javascript - ドキュメントとウィンドウの高さは同じ値を返しますか?

Question

何らかの理由で、ドキュメントの高さとウィンドウの高さの両方が同じ値を返すため、ドキュメントの高さからウィンドウを引くと 0 が返されます。

console.log($(window).height());

console.log($(document).height());

上記の両方がドキュメントの高さを返します

score 11 · Accepted Answer

11

<!DOCTYPE html>ページの先頭にあるdoctype を忘れている可能性があります。

于 2013-11-07T02:41:40.550 に答える

score 5 · Accepted Answer

これは、ドキュメントがビューポート (ドキュメントを表示するためにアクセスできるゾーン) を占めるためです。

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

ドキュメントが 1 ページを超える長さである場合、2 番目の値は最初の値よりも大きくなる可能性があります (少なくともドキュメントが iframe 内にある場合は、このデモを参照してください)。他にも違いが生じる場合がありますが、今は考えていません。

score 4 · Accepted Answer

私は私が修正することができた同様の問題を抱えていました。見つけた

$(window).height();

FFでページの高さ全体を返していました。最終的に、ページのhtmlの前にデバッグフレーズ「test」を出力していることに気付きました。Docタイプの前のIE。

この「テスト」テキストが削除されると、ビューポートの高さが期待どおりに返されました。

3 に答える 3