Step By Work

大阪のホームページ制作会社

お問い合わせ 06-6809-1083
トップ ブログ コーディング関連 スマホブラウザで上下ナビを引いた分の画面高さを取得する

スマホブラウザで上下ナビを引いた分の画面高さを取得する

Date: 2019.01.12
Update: 2023.08.06

執筆･監修

上杉 洋　Hiroshi Uesugi

1991年生まれ。 株式会社ステップバイワーク代表。 2013年に株式会社n.uを設立。 2015年にStep by workとして独立。 2021年株式会社ステップバイワークとして法人化。 HP制作/SEO対策/コンテンツ制作/動画制作/YouTube運用/写真撮/WordPressを全て一人でやります。

B! ブックマークする コピーする

目次（読みたい所をクリック!!）

結果

window.innerHeightか$(window).outerHeight()を使えば上下のナビの有無に関わらず正しい画面の高さを取得できる

Android

URLバー有り

URLバー無し

iOS

上下バー有り

上下バー無し

B! ブックマークする コピーする

この記事へのコメント 0件

←Twitterもコツコツと更新してるのでよければフォローを、、、

おすすめ記事

弊社サービス紹介

名刺代わりのホームページ制作プラン

  • 費用：6万円+交通費
  • 写真撮影付きでお得！
  • 【今だけ】自己紹介動画も無料で作成します

YouTube運用+
Web集客サポートプラン

  • 費用：月額6万円+交通費
  • 毎月5分×5本のYouTube用動画撮影
  • ホームページ制作・保守運用
  • その他、SNS代行・チラシ作成等のサポート
  • 新規が3ヶ月に1人から1ヶ月10～15人へ！

YouTube動画から記事作成代行プラン

  • 費用：5分動画で1,500円
  • 検索エンジンからの流入も獲得可能！
  • Web用にSEO対策を考慮したライティング
  • 【限定1】1記事無料作成
  • 【限定2】無料でWordPressの
    インストールと初期設定までをサービス

新着記事