javascript - javascript 動的に高さを取得する方法 (ブラウザのサイズを変更したとき)

Question

高さの値が設定値よりも大きくなるときにオーバーフロー スタイルを追加したいのでheight、調整可能から取得しようとしています。これのウィンドウの高さのサイズを変更すると、div が変更されます。これをいくつかの写真で説明します。divcss

主な問題は、動的に取得する方法ですか? つまり、自分のウィンドウなどのサイズを変更するときですか？

Answer 1

jQueryを使用できる場合は、window.onresizeメソッドを使用して、divの高さを計算することをお勧めします。

$(document).ready(function()
{
   $(window).on("resize", function()
   {
        $("#myDiv").text("My height is " + $("#myDiv").height());
   });                                                           
});​

私があなたのために作成したこのフィドルを見てください：http：//jsfiddle.net/9ftGe/

これがあなたが望んでいたことだといいのですが。

Answer 2

ブラウザ変数の監視を探していると思います...

window.innerHeight

window.innerWidth

これらの変数をチェック/呼び出すときはいつでも、正確なウィンドウの内側のサイズを取得し、そこから取得する必要があります。

注意: これらの変数 (定数) は、大文字と小文字が区別されます。