下層３ページ＋Topページ構成のサイトで背景固定させるJSが使えない

前提・実現したいこと

表題の通り、下層ページで背景固定のJSが使えない件について
原因追求したいですが、できていません。サポートしていただきたいです

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

Topページでは動きますが、下層ページでは「背景固定のJS」が使えない。下記のことを試行錯誤し、考え練りましたが、できないです。

試したこと

確認事項
・下層ページのCSSとJsの機能は正常に反映済み(googleツールで確認しました)
・こちらのサイト(簡易的なサイトで背景固定の操作確認)に記載通り、実装しました。実装したことにより、jsの書き方に間違えがないことを確認。
・いざ、取り組むも、googleツール確認しても、class=scroll-preventが付与されない

該当のソースコード

こちらがサイトです

HTML
<!DOCTYPE html>
<html lang="jp">
<head>
	<meta charset="UTF-8">
	<meta content="IE=edge" http-equiv="X-UA-Compatible">
	<meta content="width=device-width, initial-scale=1.0" name="viewport">
	<title【公</title>
	<link href="../Top/asset/css/destyle.css" rel="stylesheet">
	<link href="../Menu/asset/css/menu.css" rel="stylesheet">
</head>
<body>
<div class="body-wrapper">
		<header class="header">
			<div class="header-inner">
				<div class="header-left">
					<h1 class="logo"><a href="../index.html"><img alt="" class="header-logo" src="../asserts/img/top-header-logo.png"></a></h1>
					<nav class="nav drawer-nav">
						<ul class="header-list">
							<li class="header-item">
								<a href="../Room/room.html">お部屋</a>
							</li><!-- /.header-item -->
							<li class="header-item">
								<a href="#">お料理</a>
							</li><!-- /.header-item -->
							<li class="header-item">
								<a href="../Onsen/onsen.html">温泉</a>
							</li><!-- /.header-item -->
						</ul><!-- /.header-list -->
					</nav><!-- /.nav -->
				</div>
				<div class="header-right">
					<div class="header-link" id="js-modal">
						<a class="calender-link js-modal-open" href="#">宿泊予約</a>
					</div><!-- /.header-link -->
					<button type="button"  class="humburger" aria-controls="js-glabal-menu" aria-expanded="false" area-label="メニューを開閉する">
                        <span class="line"></span ><span class="line"></span><span class="line"></span>
                    </button>
				</div><!-- /.header-right -->
			</div><!-- /.header-inner -->
		</header><!-- /.header -->
		<div class="overlay"></div><!-- /.overlay -->

js
$(function(){

$(".humburger").on('click', function(){
  
 if($("this").hasClass('_active')){
  $(this).removeClass('_active');
  $(".line").removeClass('_open');

  $(".nav").removeClass("nav-open");
  // $(".drawer-nav").removeClass('_active');
  $('.overlay').removeClass('_open');
  $('html').removeClass('scroll-prevent') // 追記
 
}
else{
      $(this).addClass('_active');
      $('.line').addClass('_open');

      $(".nav").addClass("nav-open");
      $('.drawer-nav').addClass('_open');
      $('.overlay').addClass('_open');
      $('html').toggleClass('scroll-prevent') // 背景を固定 
}
});

 $('.humburger , .overlay').on('click',function(){
   
    if($(this).hasClass('_open')){

      $(this).removeClass('_open');
      $('.humburger').removeClass('_active');
      $('.line').removeClass('_open');
     
      $(".nav").removeClass('nav-open');   
      $('html').removeClass('scroll-prevent') // 追記
      // $('.drawer-nav').removeClass('_active');

    }
  }); 

});