ナビゲーションメニューのフルスクリーン時にスクロールできなくしたい

Question

ナビゲーションメニューのフルスクリーン時に、スクロールができてしまうため、回避策を教えていただけますと幸いです。

◎使用しているもの
・スクロールスナップ
・メニューバーは左側にハンバーガーメニュー、右のロゴ含めてヘッダー固定
・スクロールダウンアニメーション
※上記のスクロールダウンアニメーションがあるため、最後のセクションはスクロールダウンアニメーションを隠すように被るようにしています。

スクロールできてしまう原因は、上記の被るようにしている部分というのは理解ができるのですが、どうやっても回避ができません。

【解決したいこと】下記の2つです
◎ナビゲーションメニューを開いても、スクロールできなくなるようにしたい
◎最終セクションのプロフィールが被って、途中から上へスクロールし、戻るようにすると、上のスクロールスナップと最終セクションのプロフィールが不自然になる

<header class="site-header">
	<nav class="headerNav">
		<ul>
			<li class="navItem navItemTop en">
				<a href="#">Top</a>
			</li>
			<li class="navItem navItemConcept en">
				<a href="#0_concept" onClick="navFuncClose()">Concept</a>
			</li>
			<li class="navItem navItemSitemap en">
				<a href="#1_sitemapt" onClick="navFuncClose()">Sitemap</a>
			</li>
			<li class="navItem navItemMenu en">
				<a href="#2_menulist" onClick="navFuncClose()">Menu</a>
			</li>
			<li class="navItem navItemMenu en">
				<a href="#3_menu" onClick="navFuncClose()">DNA Activation</a>
			</li>
			<li class="navItem navItemMenu3 en">
				<a href="#4_menu2" onClick="navFuncClose()">REIKI</a>
			</li>
			<li class="navItem navItemMenu4 en">
				<a href="#5_menu3" onClick="navFuncClose()">MAX Meditation</a>
			</li>
			<li class="navItem navItemProfile en">
				<a href="#6_profile" onClick="navFuncClose()">Profile&nbsp;/&nbsp;Payment&nbsp;/&nbsp;Policy</a>
			</li>
		</ul>
	</nav>

	<div class="container">
		<button type="button" class="nav-button" onClick="navFunc()">
			<span class="sr-only">MENU</span>
		</button>
	</div>

	<div>
		<a href="index.html"><img src="img/logo.png" alt="Logo"></a>
	</div>
</header>

<div class="healingcontainer">
	<section class="area concept">
		<h6 id="0_concept">コンセプト</h6>
		<div class="conceptbox">
			<div class="conceptmessage">
				
			</div>
		</div>
	</section>

	<div class="scrolldown">
		<span>Scroll</span>
	</div>

	<section class="area sitemap">
		<h6 id="1_sitemap">サイトマップ</h6>
		<div class="sitemapbox">
			<div class="sitemapmessage">
				
			</div>
		</div>
	</section>

	<section class="area menulist">
		<h6 id="2_menulist">メニュー一覧</h6>
		<div class="menulistbox">
			<div class="menulistmessage">
			
			</div>
		</div>
	</section>

	<section class="area menu">
		<h6 id="3_menu">メニュー</h6>
		<div class="menubox">
			<div class="menumessage">
				
			</div>
			<div class="menuphoto">
				<img src="img/menu.jpg" alt="メニュー">
			</div>
		</div>
	</section>
	
	<section class="area menu2">
		<h6 id="4_menu2">メニュー2</h6>
		<div class="menu2box">
			<div class="menu2photo">
				<img src="img/menu2.jpg" alt="メニュー2">
			</div>
			<div class="menu2message">
				
			</div>
		</div>
	</section>
	
	<section class="area menu3">
		<h6 id="5_menu3">メニュー3</h6>
		<div class="menu3box">
		<h3><i class="fas fa-paw"></I>メニュー3</h3>
			<div class="menu3photo">
				<img src="img/menu3.jpg" alt="メニュー3">
			</div>
			<div class="menu3message">
				
			</div>
		</div>
	</section>
</div>

	<div id="page_top">
		<a href="#0_concept">
		</a>
	</div>

	<section class="profile">
	<h6 id="6_profile">プロフィール</h6>
		<div class="profilebox">
			<h3><i class="fas fa-paw"></i>&nbsp;プロフィール</h3>
			<div class="profilephoto">
				<img src="img/profile.jpg" alt="プロフィール写真">
			</div>
			<div class="profilemessage">
				
			</div>
		</div>
			
	</section>
	
	<div class="copyright">
		<h4>　</h4>
	</div>

/* スクロールスナップ */
.healingcontainer {
	overflow: auto;
	scroll-snap-type: y mandatory;
	height: 100vh;
}

.area {
	scroll-snap-align: start;
	height: 100vh;
}

.area h6 {
	color: #ffffff;
	opacity: 0.01;
	text-align: left;
}

.profile h6 {
	color: #ffffff;
	opacity: 0.01;
	text-align: left;
}


/* コンセプト */
.area.concept {
	background: url(img/concept.jpg) no-repeat center center;
	background-size: cover;
}



/* 矢印が動いてスクロールを促す */

/*スクロールダウン全体の場所*/
.scrolldown {
    /*描画位置※位置は適宜調整してください*/
	position: absolute;
	bottom: 5%;
	right: 50%;
    /*矢印の動き1秒かけて永遠にループ*/
	animation: arrowmove 1s ease-in-out infinite;
}

/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove {
	0% {
		bottom: 1%;
	}
	50% {
		bottom: 3%;
	}
     100% {
     	bottom: 1%;
     }
 }

/*Scrollテキストの描写*/
.scrolldown span {
    /*描画位置*/
	position: absolute;
	left: -20px;
	bottom: 10px;
    /*テキストの形状*/
	color: #eee;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/* 矢印の描写 */
.scrolldown:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom: 0;
    right: -6px;
    /*矢印の形状*/
    width: 1px;
    height: 20px;
    background: #eee;
    transform: skewX(-31deg);
}

.scrolldown:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:0;
	right:0;
    /*矢印の形状*/
	width:1px;
	height: 50px;
	background:#eee;
}


@media screen and (max-width: 800px) {
	.site-header, .site-header:before {
		height: 90vh;
	}
}


/* サイトマップ */
.area.sitemap {
	background: url(img/sitemap.jpg) no-repeat center center;
	background-size: cover;
}



/* メニューリスト */
.area.menulist {
	background: url(img/menulist.jpg) no-repeat center center;
	background-size: cover;
}


/* メニュー */
.area.menu {
	background: url(img/menu.jpg) no-repeat center center;
	background-size: cover;
}


/* メニュー2 */
.area.menu2 {
	background: url(img/menu2.jpg) no-repeat left center;
	background-size: cover;
}


/* メニュー3 */
.area.menu3 {
	background: url(img/beach.jpg) no-repeat left center;
	background-size: cover;
}


/* プロフィール */
.profile {
	position: relative;
	z-index: -100;
	background: url(img/orange0099.png) repeat;
	padding: 200px 0;
}


/* メニューバー：固定 */
.site-header {
	background: rgba(255, 255, 255, 0.75);
	display: flex;
	position: fixed;
	justify-content: space-between;
	width: 100%;
	height: 100px;
}


/* メニューバー：画像 */
.site-header img {
	width: 192px;
	height: 108px;
	opacity: 0.8;
	margin-right: 30px;
}


/* メニューバー：ハンバーガーメニュー余白 */
.container {
	padding: 40px 0 20px 20px;
}


/* メニューバー：ボタンテキスト非表示 */
.sr-only {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}


/* ナビゲーションボタン */
.nav-button {
	box-sizing: content-box;
	padding: 0;
	outline: none;
	border: none;
	background: none;
	width: 30px;
	height: 20px;
	cursor: pointer;
	color: #735D48;
}

.nav-button::before,
.nav-button::after {
	content: '';
	display: block;
	height: 1px;
	background-color: currentColor;
	transform: translateY(10px);
	transition: 0.3s ease-in-out;
}

.nav-button::before {
	transform: translateY(-10px);
	box-shadow: 0 10px currentColor;
}

	/* ナビゲーションボタン（閉じるボタン） */
	.open .nav-button {
		z-index: 1000;
	}
	.open .nav-button::before {
		transform: rotate(-45deg);
		box-shadow: none;
	}
	.open .nav-button::after {
		transform: rotate(45deg);
		box-shadow: none;
	}
}


/* ナビゲーションメニュー：（開いた状態） */
html.open, .open body {
	height: 100%;
	overflow: hidden;
}

.open .site-header {
	position: relative;
	margin-bottom: -100px;
}

.open .headerNav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(255,255,255,0.8);
	color: #735D48;
	display: flex;
	justify-content: center;
	align-items: center;
}

.open .headerNav ul {
	margin-bottom: 5px;
}

.open .headerNav li:not(:last-child) {
	margin-bottom: 5px;
}

/* ナビゲーションメニュー（閉じた状態） */
.headerNav {
	width: 0;
	height: 0;
	position: absolute;
	right: 100%;
	overflow: hidden;
	color: transparent;
	transition: 0.5s ease-in-out;
}


/* ナビゲーションメニュー */
.navItem a {
	display: block;
	padding: 20px 0 15px;
	margin-left: 20px;
	text-align: center;
	font-size: 18px;
	color: #735D48;
	font-weight: bold;
}

@media (max-width: 768px) {
	.navItem a {
		display: block;
		padding: 10px 0 5px;
		margin-left: 20px;
		text-align: center;
		font-size: 12px;
		color: #735D48;
		font-weight: bold;
	}
}

@media (min-width: 769px) {
	.navItem a {
		display: block;
		padding: 15px 0 15px;
		margin-left: 20px;
		text-align: center;
		font-size: 24px;
		color: #735D48;
		font-weight: bold;
	}
}


/* 擬似要素でテキストを表示 */
	.navItem a::after {
		display: block;
		margin-top: 2px;
		font-family: 'RocknRoll One', sans-serif;
		font-size: 10px;
		font-weight: lighter;
	}

	.navItemTop a::after {
		content: "トップ";
	}
	.navItemConcept a::after {
		content: "コンセプト";
	}
	.navItemSitemap a::after {
		content: "サイトマップ";
	}
	.navItemMenu a::after {
		content: "メニュー";
	}
	.navItemDNAA a::after {
		content: "DNA アクティベーション";
	}
	.navItemREIKI a::after {
		content: "レイキ";
	}
	.navItemMAXM a::after {
		content: "MAX 瞑想";
	}
	.navItemProfile a::after {
		content: "プロフィール / お支払い方法 / ポリシー";
	}
}

@media (min-width: 801px) {
	.navItem a::after {
		display: block;
		margin-top: 2px;
		font-family: 'RocknRoll One', sans-serif;
		font-size: 20px;
		font-weight: lighter;
	}
}

<script>
function navFunc() {
	document.querySelector('html').classList.toggle('open');
}

function navFuncClose() {
    document.querySelector('html').classList.remove('open');
}

</script>