スマホ用メニューを作成する - レクチャーサイト

10スマホ用メニューを作成する

メインコンテンツ

イベント発生させる要素（ハンバーガーメニュー）のID名 #hamburger
イベント発生させる要素（横からスライド）のID名 #overlay
追加または削除するクラス名 .active

-- css --
#overlay {
 overflow-y: scroll;
}
#overlay nav {
  padding: 100px 0 50px;
}
#overlay nav a {
  display: block;
  padding: 20px 40px;
  color: #fff;
  font-size: 31px;
  line-height: 2em;
}