web関連

【CSS】ハンバーガーメニューを開いたときに画面下部にアドレスバー分の空白ができる件

ハンバーガーメニューを押して全画面のナビゲーションを出して、かつそのナビゲーションの後ろのサイトコンテンツをスクロールできないようにbodyに「position:fixed」かけてるとアドレスバーの高さ分の空白が画面下部にできるのでその空白を埋める方法

対処法

htmlタグにheight: 100vh;

html{
  height: 100vh;
}

で解決する

アドレスバーうぜぇ

Leave a Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。