jquery - jqueryでoverflow=hiddenでウィンドウの高さを取得する

Question

スクロールしてはいけないフルスクリーンのWebアプリケーションがあるので、次のように設定します。

$("body").css("overflow", "hidden");

ただし、サイズ変更リスナーを追加すると、次のようになります。

$(window).resize(function(){
    console.log("Inner height: " + $(window).innerHeight());
    console.log("Height: " + $(window).height());
    console.log("Document: " + $(document).height());
    console.log("Body: " + $("body").height());
});

ウィンドウを高くすると高さが正しく報告されますが、小さくすると正しくありません。実際、ウィンドウの高さは（これらの変数のいずれかを介して）増加するだけです（大きくすると正しく、小さくすると少しだけ）。

コンテンツは、関連する場合は、<video>ウィンドウスペース全体を準備するhtml要素です。

私は、height（）がオーバーフローで機能しないことを読みました：非表示ですが、理由がわかりませんでした。また、一体どうやって正しい高さを得ることができますか？ありがとう！

Answer 1

設定してみてください

html,body {
    height: 100%;
    width: 100%;
}