ハンバーガーメニューのスクロールについて~css編~

<header>
 <div class="logo">ロゴ</div>

　<!-- ハンバーガーメニュー箇所 -->
  <div class="nav">

　<!-- ハンバーガーメニューの表示・非表示を切り替えるチェックボックス -->
   <input id="menu_input" class="hidden" type="checkbox">

　<!-- ハンバーガーメニューの3本線 -->
   <label for="menu_input" class="open"><span></span></label>

　<!-- ハンバーガーメニューの中身 -->
 　<nav class="ham_content">
 　　<ul class="ham_list">
  　　<li class="ham_item"><a href="">メニュー1</a></li>
  　　<li class="ham_item"><a href="">メニュー2</a></li>
  　　<li class="ham_item"><a href="">メニュー3</a></li>
　　　<!-- ↑ハンバーガーメニューの中身が多い時は同じように追加してください！ -->
 　　</ul>
 　</nav>

  </div>
 </div>
</header>

header{
 display: flex;/*　ロゴと3本線メニューを横並びにする　*/
 justify-content: space-between;/*　横並びになったものの余白を均等にする　*/
 align-items: center;/*　上下中央に横並びのものを揃える　*/
 padding: 0 20px;/*　左右の余白　*/
 background: #fff;
}
/*　チェックボックスを非表示にします　*/
.hidden{
 display: none;
}

/*　ハンバーガーメニューの3本線メニューの設置スペース　*/
.open{
 display: flex;
 height: 60px;/*　高さ　*/
 width: 60px;/*　横幅　*/
 justify-content: center;
 align-items: center;
 position: relative;/*　親要素　*/
 z-index: 100;/*　重なり順を一番上にします　*/
}

/*　ハンバーガーメニューの3本線表示スタイル　*/
.open span, .open span:before, .open span:after{
 content: '';
 display: block;
 height: 3px; /*　3本線の線の高さ　*/
 width: 25px;/*　3本線の線の横幅　*/
 border-radius: 3px;/*　角丸の大きさ　*/
 background: #000; /*　3本線の色　*/
 transition: 0.5s; /*　アニメーションの速度を指定しています　*/
 position: absolute;/*　子要素　*/
}

/*　ハンバーガーメニューの3本線表示位置の調整　*/
.open span:before{
 bottom: 8px;/*　3本線の一番上　*/
}
.open span:after{
 top: 8px;/*　3本線の一番下　*/
}

/*　メニューのデザイン　*/
.ham_content{
 width: 100%;
 height: 100%;
 position: fixed;/*　要素を固定します　*/
 top: 0;
 left: 100%;/*　チェックボックスにチェックが入っていない時は、メニューを画面の外に出します　*/
 z-index: 99;
 transition: 5s; /*　アニメーションの速度を指定しています　*/
}

/*　メニューの「・」を削除　*/
.ham_list{ 
 list-style: none;
 background: #fff;
} 
/*　アイコンがクリックされたらメニューを表示　*/
#menu_input:checked ~ .ham_content{
 left: 0;/*　メニューを画面に入れる　*/
}

.ham_list{
list-style: none;
background: #fff; 
height: 100%;
overflow-y: scroll;
}

.ham_list{
 list-style: none; 
 background: #fff; 
 /* height: 100%; */
 /* overflow-y: scroll; */
}