【css】スマホコーディング:画面高さいっぱいかつスクロールできる様にする

案件で画面高さいっぱいの背景にコンテンツが多い場合、スクロールできる様にして欲しいとあって、結構ハマったのでメモとして残す。


.menu {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;//画面の高さいっぱい
  min-height: 400px;//min-heightを指定指定ないと指でスクロールできない
  overflow-y: scroll;//指でスクロール
  background: rgba($gray20, 0.8);
  color: $white;
}
(Visited 56 times, 1 visits today)

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です