nav._openが開いたとき、スクロールを禁止させる

前提・実現したいこと

目的: 表題の通り、nav._openが開いたとき、スクロールを禁止させたい。
現状：スクロール禁止こーどを書いても、スクロールしたときに一緒にbnav.openも下へ動く構造になっている

発生している問題・エラーメッセージ

エラーメッセージ

試したこと

スクロール禁止などで検索しましたが、原因追及できずにいます。

該当のソースコード

HTMLとheaderは長いため下記のコードでお願いいたします。(__)

すべてのコード

hamburger
1.humburger{
2
3    @include mq {
4        display: block;
5        position: fixed;
6        top: 25px;
7        right: 45px;
8        width: 30px;
9        height: 30px;
10        transition: all .5s;
11        cursor: pointer;
12        z-index: 99;
13 
14        &_open{
15            right: 20px;
16        } 
17    
18        @include mq {
19            .line {
20                display: block;
21                background-color: #fff;
22                position: absolute;
23                left: 0;
24                width: 30px;
25                height: 2px;
26                background-color: #333;
27                border-radius: 4px;
28                transition: all .5s;
29            
30                &:first-child {
31                    display: block;
32                    //top: 0px;
33                    height: 3px;
34                }
35                &:nth-child(2) {
36                   /*  top: 0;
37                    bottom: 0;
38                    margin: auto; */  
39                    top: 2px;
40                    height: 3px;
41
42                }
43                &:last-child {
44                   bottom: 0px;
45                   height: 3px;
46                }
47                //js-open
48                &._open{
49                    &:first-child {
50                        display: block;
51                        transform: rotate(45deg);
52                        top: 0%; 
53                        transform-origin: left;
54                        color: #000;
55                    }
56                    &:nth-child(2){
57                        &._open{
58                            opacity: 0;
59                            }
60                    }
61 
62                    &:last-child {
63                        transform: rotate(-45deg) ; 
64                        top: 75%;
65                        transform-origin: left;
66                        color: #000;
67                        }
68                }
69            }
70        }
71    }
72}

drawer
1

humburger
1$(function(){
2//humburger関数
3
4
5  $(".humburger").on('click', function(){
6    //const nav=$('.nav')
7    //humberger
8    /* $(this).toggleClass("_active");
9    $(".line").toggleClass("_open"); */
10
11    //nav
12    //$("nav").addClass("nav-open");
13    //$(".drawer-nav").toggleClass("_active");
14
15if($("this").hasClass('_active')){
16  $(this).removeClass('_active');
17  $(".line").removeClass('_open');
18
19  $(".nav").removeClass("nav-open");
20  // $(".drawer-nav").removeClass('_active');
21 
22  $('.overlay').removeClass('_open');
23}else{
24      $(this).addClass('_active');
25      $('.line').addClass('_open');
26
27      $(".nav").addClass("nav-open");
28      $('.drawer-nav').addClass('_open');
29      $('.overlay').addClass('_open');
30    }
31  });
32
33  $('.overlay').on('click',function(){
34    if($(this).hasClass('_open')){
35
36      $(this).removeClass('_open');
37      $('.humburger').removeClass('_active');
38      $('.line').removeClass('_open');
39     
40      $(".nav").removeClass('nav-open');   
41      // $('.drawer-nav').removeClass('_active');
42    }
43  });
44});
45