ハンバーガーメニューのスクロール時に背後がスクロールされる。メニュー部分のみスクロールさせるには？

【2020/08/13追記】
SANGO v2.0.6〜下記のコードでは動かなくなります。下記のコードのうち「$」をすべて「jQuery」に書き換えることで動くようになります。

JavaScriptを使う必要があります。
はじめに、お手数ですが、下記記事の手順でJavaScriptsファイルを準備します。
https://saruwakakun.com/sango/use-js

次にscripts.jsの中に下記のJSを追加します。

//スマホメニューの背景をスクロールさせない
$(function() {
  $('#drawer__input').click(function() {
    if ( $('#drawer__input').prop('checked') == false ) {
      $('body').css('overflow','auto');
    } else {
      $('body').css('overflow','hidden');
    }
  });
});

これでメニュー部分のみスクロールされるようになります。

いつもお世話になっております。
上記コメントにあるlast様の
”ハンバーガーメニューのスクロール時に後ろのBODYタグの中身がスクロールされる場合があるのですが、メニュー部分のみスクロールさせることはできますか？”
に対しての回答を実行させていただいたのですが、開いたメニューが下まで行ききった後もスクロールすると、奥のコンテンツ(記事部分)がスクロールされてしまいます(上方向スクロールも同様の現象が起きます)。これは、あくまでメニューにまだ先がある場合にのみ、奥のコンテンツがスクロールしなくなるというＣＳＳなのでしょうか？　
長文失礼いたしました。

申し訳ありません。なんとか解決できました。「filezila」ではないソフトを使っていたため、ソフト内でjsファイルの作成ができず、他のjsファイルをコピー→サクラエディタで開き、ＣＳＳを入力→完成したjsファイルをアプロード　という流れで行ったのですが、ワードプレスのテーマ編集からscripts.jsをみたところ、空白になっておりました。大変失礼しました。

ご返信ができておらず失礼しました。
解決したとのこと、安心しました。