どのように実際のビューポートの高さを取得する方法を教えてもらえますか? 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. React Router実際の経路を確認してください
- 3. クロムの確認ダイアログのアクセシビリティ
- 4. リストビューの実際の高さ
- 5. iPadの高さSafariビューポート
- 6. HTMLドキュメントの高さがビューポート
- 7. FileUpload - 実際のファイルがアップロードされたことを確認します。
- 8. CSS:ビューポートの高さの割合としてのテキストエリアの高さ
- 9. 実際のiframeの高さを計算する際のエラー
- 10. のAndroidのOpenGL:Bitmap.getHeight()>実際の高さ
- 11. セマンティックUIサイドバーの高さがビューポートのサイズ
- 12. Javascript(またはjQuery)で実際のコンテンツの高さを取得
- 13. ハードリンクでディレクトリに使用されている実際のサイズを確認する
- 14. FileItemStreamでファイルをストリーミングする際の実際のファイルサイズを確認してください
- 15. ページ高さはビューポートの100%ですか?
- 16. クロムを除くクロム
- 17. 動的ビューポートの高さのためのReactJSのJQuery関数
- 18. Meteor observeChanges()。実際の変更を確認する方法は?
- 19. Exchange DLリストの実際の電子メールIDを確認する
- 20. Tensorflowスリムデータセットの実際のデータを確認する方法
- 21. 部門内の実際のコンテンツを確認する方法
- 22. フォームのビューポート座標を実際の画像座標に変換
- 23. Firefox:ビューポートの実際の画面位置を取得
- 24. クロムの問題でjqueryを使用した画像の高さ
- 25. IEで自動高さの要素の実際の高さを取得
- 26. 実際に使用されているGrokフィルタルールを確認する
- 27. AngularJSプロジェクトで実際のメールIDを確認する
- 28. 実際のMaven呼び出しを確認する
- 29. 更新クロムのiframeの高さ
- 30. ウェブビューコンテンツのサイズを変更したときのUIWebViewの高さを確認する
あなたは一例を示しすることはできますか?これはどのブラウザで起こりますか? –
'window.innerHeight'はブラウザのchromeを考慮しません。これは' window.outerHeight'の機能です。水平スクロールバーが存在する場合、そのスクロールバーを含みます。 –
$(ウィンドウ)jqueryの.height()はブラウザの高さではなく、ビューポートの高さのみを返します。 – RameshVel