2011-02-02 15 views
0

HI、実際のビューポートの高さを確認 - クロムを除いた

どのように実際のビューポートの高さを取得する方法を教えてもらえますか? window.innerHeightまたは$(window).height()(jquery)を使用すると、ブラウザのchromeを考慮しているような値が返されます。実際のビューポートの高さが必要です。 Web devツールバー(firefox)のルーラープラグインを使用してビューポートの高さを測定すると、window.innerHeightが提供する値とは異なる値になります。

+1

あなたは一例を示しすることはできますか?これはどのブラウザで起こりますか? –

+2

'window.innerHeight'はブラウザのchromeを考慮しません。これは' window.outerHeight'の機能です。水平スクロールバーが存在する場合、そのスクロールバーを含みます。 –

+0

$(ウィンドウ)jqueryの.height()はブラウザの高さではなく、ビューポートの高さのみを返します。 – RameshVel

答えて

1

試してみてください。

document.body.clientHeight 
document.body.clientWidth 
+0

それはドキュメントの高さを取得、ウィンドウではなく、ウィンドウにスクロールバーがある場合は、オフスクリーンのパーツを含め、ページの全長が取得されます。 –

+0

これはdocタグがない場合でも機能します。 – user566245

1

ます。また、試すことができます。

document.documentElement.clientHeight 
document.documentElement.clientWidth 
関連する問題