jquery - jquery $(window).height() はドキュメントの高さを返しています

Question

私が作っている単純なエラーがあると確信していますが、私は単に警告$(window).height()しているだけで、と同じ値を返します$(document).height()。

私は13インチのMBAを使用しており、ブラウザのウィンドウの高さを780pxから820pxの間で最大化すると（おおよそ）、ドキュメントの高さと同じウィンドウの高さを返すたびに、私が取り組んでいるサイトでは常に1000px以上。

ここで何が起こっているのですか？

alert($(window).height());
alert($(document).height());

score 253 · Accepted Answer

タグがないdoctype場合、Chrome は両方の呼び出しに対して同じ値を報告します。

厳密な doctype like を追加する<!DOCTYPE html>と、値が宣伝どおりに機能します。

タグは、ドキュメントの一番最初にあるdoctype必要があります。たとえば、何もレンダリングしない場合でも、その前にテキストを配置することはできません。

score 2 · Accepted Answer

これに対する質問と回答は次のとおりです。 screen.availHeight と window.height() の違い

写真もありますので、違いがよくわかります。お役に立てれば。

基本的に$(window).height()、ブラウザウィンドウ (ビューポート) 内の最大の高さを$(document).height()示し、ブラウザ内のドキュメントの高さを示します。ほとんどの場合、スクロールバーがあってもまったく同じです。

score 1 · Accepted Answer

ドキュメントの内容を表示するには、ウィンドウに十分なスペースが必要だと思います。つまり、ドキュメントの他の部分を表示するために下にスクロールする必要はありません。その場合、ドキュメントの高さはウィンドウの高さと同じになります。

5 に答える 5