ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery ウィンドウ、ドキュメント、Web ページのさまざまな高さを正確に理解する_jquery
$(document).height(): Web ページ全体の高さ
$(window).height(): ブラウザの表示ウィンドウの高さ
$(window).scrollTop(): ブラウザのビジュアル ウィンドウの上部から Web ページの上部までの高さ (垂直オフセット)
これを一文で理解すると、Web ページのスクロール バーが一番下まで引っ張られたとき、 $(document).height() == $(window).height() $(window).scrollTop( )。
Web ページの高さがブラウザ ウィンドウより小さい場合、$(document).height() は $(window).height() を返します。
$("html").height() や $("body").height() などの高さの使用は推奨されません。
理由:
$("body").height(): 本文には境界線がある場合があり、取得される高さは $(document).height() より小さくなります。
$("html").height(): ブラウザによって取得される高さの意味が異なります。端的に言えば、ブラウザに互換性がありません。
$(window).height() の値に問題があります。返されるのはブラウザ ウィンドウの高さではありません。