スクロールしてはいけないフルスクリーンの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()がオーバーフローで機能しないことを読みました:非表示ですが、理由がわかりませんでした。また、一体どうやって正しい高さを得ることができますか?ありがとう!