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

前提・実現したいこと

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

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

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

試したこと

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

該当のソースコード

こちらがサイトです

HTML
1<!DOCTYPE html>
2<html lang="jp">
3<head>
4	<meta charset="UTF-8">
5	<meta content="IE=edge" http-equiv="X-UA-Compatible">
6	<meta content="width=device-width, initial-scale=1.0" name="viewport">
7	<title【公</title>
8	<link href="../Top/asset/css/destyle.css" rel="stylesheet">
9	<link href="../Menu/asset/css/menu.css" rel="stylesheet">
10</head>
11<body>
12<div class="body-wrapper">
13		<header class="header">
14			<div class="header-inner">
15				<div class="header-left">
16					<h1 class="logo"><a href="../index.html"><img alt="" class="header-logo" src="../asserts/img/top-header-logo.png"></a></h1>
17					<nav class="nav drawer-nav">
18						<ul class="header-list">
19							<li class="header-item">
20								<a href="../Room/room.html">お部屋</a>
21							</li><!-- /.header-item -->
22							<li class="header-item">
23								<a href="#">お料理</a>
24							</li><!-- /.header-item -->
25							<li class="header-item">
26								<a href="../Onsen/onsen.html">温泉</a>
27							</li><!-- /.header-item -->
28						</ul><!-- /.header-list -->
29					</nav><!-- /.nav -->
30				</div>
31				<div class="header-right">
32					<div class="header-link" id="js-modal">
33						<a class="calender-link js-modal-open" href="#">宿泊予約</a>
34					</div><!-- /.header-link -->
35					<button type="button"  class="humburger" aria-controls="js-glabal-menu" aria-expanded="false" area-label="メニューを開閉する">
36                        <span class="line"></span ><span class="line"></span><span class="line"></span>
37                    </button>
38				</div><!-- /.header-right -->
39			</div><!-- /.header-inner -->
40		</header><!-- /.header -->
41		<div class="overlay"></div><!-- /.overlay -->

js
1$(function(){
2
3$(".humburger").on('click', function(){
4  
5 if($("this").hasClass('_active')){
6  $(this).removeClass('_active');
7  $(".line").removeClass('_open');
8
9  $(".nav").removeClass("nav-open");
10  // $(".drawer-nav").removeClass('_active');
11  $('.overlay').removeClass('_open');
12  $('html').removeClass('scroll-prevent') // 追記
13 
14}
15else{
16      $(this).addClass('_active');
17      $('.line').addClass('_open');
18
19      $(".nav").addClass("nav-open");
20      $('.drawer-nav').addClass('_open');
21      $('.overlay').addClass('_open');
22      $('html').toggleClass('scroll-prevent') // 背景を固定 
23}
24});
25
26 $('.humburger , .overlay').on('click',function(){
27   
28    if($(this).hasClass('_open')){
29
30      $(this).removeClass('_open');
31      $('.humburger').removeClass('_active');
32      $('.line').removeClass('_open');
33     
34      $(".nav").removeClass('nav-open');   
35      $('html').removeClass('scroll-prevent') // 追記
36      // $('.drawer-nav').removeClass('_active');
37
38    }
39  }); 
40
41});