0

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

4

1 に答える 1

2

設定してみてください

html,body {
    height: 100%;
    width: 100%;
}
于 2013-01-24T11:26:04.940 に答える