jQueryでMobile Safariの$(window).height()の正しい値を得る方法 - memo.yomukaku.net

2011-12-19 00:55 jQueryでは$(window).height()でブラウザーの表示可能領域の高さを知ることができます。ところが、iPadやiPhoneのMobile Safariがクライアントの場合に$(window).height()で値を得ると、実際よりもかなり小さな値が返ってきます（例えば、本来1024pxであるはずの高さが864pxとして得られる等）。 このため、困ったことになります。 例えば、下の図1はjavascriptで作成したpdf viewerです。jquery uiのdialogを使ってブラウザのviewportいっぱいに全画面表示しようとしており、表示可能領域の高さを得るために$(window).height()を実行したところ、864pxという値が返ってきて、その値を使用してビューワーのdialogの高さを設定したために上下に奇妙な空白ができ

[typista]

ぽけったー jQueryでMobile Safariの$(window).height()の正しい値を得る方法

[toshihiko150]

メモ

[inurota]

「$(window).height()でwindowの高さを正しく取得できないことが原因であるため、window.innerHeightで高さを取得するようにします」

[hisasann]

window.innerHeight ? window.innerHeight : $(window).height();