code_note

<div class="section section1">
	<div class="section-content">セクション1</div><!-- /section-content -->
</div><!-- /section -->
<div class="section section2">
	<div class="section-content">セクション2</div><!-- /section-content -->
</div><!-- /section -->
<div class="section section3 target-area">
	<div class="section-content">セクション3</div><!-- /section-content -->
</div><!-- /section -->
<div class="section section4">
	<div class="section-content">セクション4</div><!-- /section-content -->
</div><!-- /section -->
<div class="section section5">
	<div class="section-content">セクション5</div><!-- /section-content -->
</div><!-- /section -->

jQuery(window).scroll(function() {
	let scrollTop = jQuery(window).scrollTop(); // スクロール上部の位置
	let areaTop = jQuery(".target-area").offset().top; // 対象エリアの上部の位置
	let areaBottom = areaTop + jQuery(".target-area").innerHeight(); // 対象エリアの下部の位置

	if (scrollTop > areaTop && scrollTop < areaBottom) { // スクロールが対象エリアに入った場合
		jQuery("指定の場所に").addClass("指定のクラス"); 
	} else {                                             // スクロールが対象エリアから出ている場合
		jQuery("指定の場所に").removeClass("指定のクラス"); 
	}
});

スクロールが特定のエリアに入ったことを検知するjQuery