キャンバスメニューからスクロール可能

Question

私はちょうどcodepenで面白いオフキャンバスメニューを見つけました。誰かがハンバーガーアイコンをクリックすると、その内容のオーバーレイメニューが表示されます。しかし、そのオーバーレイメニューはまったくスクロールできませんでした。誰かがスクロールした場合、そのページはスクロールしています。オーバーレイメニューではありません。そのオーバーレイページを下にスクロールする必要があります。私はコードをチェックし、問題を発見した。そのラッパーdivにはoverflow:hiddenが使用されます。私はそのdivにoverflow: autoを設定しました。問題は解決したようだ。しかし、背景ページはまだオーバーレイメニューでスクロールしています。オーバーレイメニューのみをスクロールダウンするように設定するにはどうすればよいですか？ここで

.overlay { 
    position: fixed; 
    background: $color-main; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 0%; 
    opacity: 0; 
    visibility: hidden; 
    transition: opacity .35s, visibility .35s, height .35s; 
    overflow: hidden; 
} 

は、メニューに複数のリンクを追加オーバーレイクラスでoverflow:scroll;を作るcodepen

Answer 1

ためのリンクです。スクロールします。ページスクロール用

、メニューがクリックされたときに身体非スクロール可能になります。この

$('#toggle').click(function() { 
$(this).toggleClass('active'); 
$('#overlay').toggleClass('open'); 
$('body').css('overflow', 'hidden'); 
}); 

のようなjqueryのを変更します。