https://www.mt-planning.com/wp-content/themes/MT-planning/js/txtanimation.js?ver=1773108250

1// 動きのきっかけの起点となるアニメーションの名前を定義
2function BgFadeAnime() {
3
4	// 背景色が伸びて出現（左から右）
5	$('.bgLRextendTrigger').each(function () { //bgLRextendTriggerというクラス名が
6		var elemPos = $(this).offset().top - 50; //要素より、50px上の
7		var scroll = $(window).scrollTop();
8		var windowHeight = $(window).height();
9		if (scroll >= elemPos - windowHeight) {
10			$(this).addClass('bgLRextend'); // 画面内に入ったらbgLRextendというクラス名を追記
11		} else {
12			$(this).removeClass('bgLRextend'); // 画面外に出たらbgLRextendというクラス名を外す
13		}
14	});
15
16	// 文字列を囲う子要素
17	$('.bgappearTrigger').each(function () { //bgappearTriggerというクラス名が
18		var elemPos = $(this).offset().top - 50; //要素より、50px上の
19		var scroll = $(window).scrollTop();
20		var windowHeight = $(window).height();
21		if (scroll >= elemPos - windowHeight) {
22			$(this).addClass('bgappear'); // 画面内に入ったらbgappearというクラス名を追記
23		} else {
24			$(this).removeClass('bgappear'); // 画面外に出たらbgappearというクラス名を外す
25		}
26	});
27}
28
29// 画面をスクロールをしたら動かしたい場合の記述
30$(window).scroll(function () {
31	BgFadeAnime(); /* アニメーション用の関数を呼ぶ*/
32}); // ここまで画面をスクロールをしたら動かしたい場合の記述
33
34// 画面が読み込まれたらすぐに動かしたい場合の記述
35$(window).on('load', function () {
36	BgFadeAnime(); /* アニメーション用の関数を呼ぶ*/
37}); // ここまで画面が読み込まれたらすぐに動かしたい場合の記述