どのように実際のビューポートの高さを取得する方法を教えてもらえますか? window.innerHeightまたは$(window).height()(jquery)を使用すると、ブラウザのchromeを考慮しているような値が返されます。実際のビューポートの高さが必要です。 Web devツールバー(firefox)のルーラープラグインを使用してビューポートの高さを測定すると、window.innerHeightが提供する値とは異なる値になります。
0
A
答えて
1
試してみてください。
document.body.clientHeight
document.body.clientWidth
+0
それはドキュメントの高さを取得、ウィンドウではなく、ウィンドウにスクロールバーがある場合は、オフスクリーンのパーツを含め、ページの全長が取得されます。 –
+0
これはdocタグがない場合でも機能します。 – user566245
1
ます。また、試すことができます。
document.documentElement.clientHeight
document.documentElement.clientWidth
関連する問題
- 1. Ruby&RMagick:テキストの実際の幅と高さを確認する
- 2. リストビューの実際の高さ
- 3. iPadの高さSafariビューポート
- 4. FileUpload - 実際のファイルがアップロードされたことを確認します。
- 5. CSS:ビューポートの高さの割合としてのテキストエリアの高さ
- 6. 実際のiframeの高さを計算する際のエラー
- 7. のAndroidのOpenGL:Bitmap.getHeight()>実際の高さ
- 8. ハードリンクでディレクトリに使用されている実際のサイズを確認する
- 9. ページ高さはビューポートの100%ですか?
- 10. クロムを除くクロム
- 11. クロムの問題でjqueryを使用した画像の高さ
- 12. Exchange DLリストの実際の電子メールIDを確認する
- 13. フォームのビューポート座標を実際の画像座標に変換
- 14. Firefox:ビューポートの実際の画面位置を取得
- 15. IEで自動高さの要素の実際の高さを取得
- 16. 実際のMaven呼び出しを確認する
- 17. 削除の確認
- 18. 表示されていない要素の高さを確認する方法
- 19. ユーザーが実際に移動したときに確認する
- 20. brサファリとクロムを残しているラインの高さ
- 21. Android:ListViewのアイテムレンダリングの高さを確認する
- 22. PHPの画像の高さ/幅を確認する
- 23. ポイントがビューポート内にあるかどうか確認してください
- 24. TextBoxの実際の高さを取得するには?
- 25. iOS - 文字の実際の高さを取得する
- 26. メモ帳++、保存された実行コマンドの内容を確認
- 27. 削除確認
- 28. Drupal 7のビューポートの高さに基づいてDIVの高さを動的に変更します。
- 29. javascriptで高さと幅の画像を確認する方法
- 30. Androidでナビゲーションバーの高さを実際に取得する方法
あなたは一例を示しすることはできますか?これはどのブラウザで起こりますか? –
'window.innerHeight'はブラウザのchromeを考慮しません。これは' window.outerHeight'の機能です。水平スクロールバーが存在する場合、そのスクロールバーを含みます。 –
$(ウィンドウ)jqueryの.height()はブラウザの高さではなく、ビューポートの高さのみを返します。 – RameshVel