https://shadai-ss.com/wp/wp-content/themes/shadai/js/loading/loading_toppage.js

1window.addEventListener("load", function () {
2    // ページロード時にスクロール位置をリセット
3    window.scrollTo(0, 0);
4
5    const text = document.querySelector('#load_animation .text');
6    const logo = document.querySelector('#load_animation .logo');
7    const logo_img = document.querySelector('#load_animation .logo img');
8    const whiteScreen = document.querySelector('#load_animation .white-screen');
9    const greyScreen = document.querySelector('#load_animation .grey-screen');
10    const topImage = document.querySelector('.mainimg .slide-image');
11    const loadAnimation = document.querySelector('#load_animation');
12    const body = document.querySelector('body');
13
14    // ページロード時にスクロールを無効にする
15    body.style.overflow = 'hidden';
16
17    /*
18    // Step 1: テキストをフェードインと上方向の移動で表示
19    setTimeout(() => {
20        text.style.opacity = 1;
21        text.style.transform = 'translateY(0)';
22    }, 0); // 初期ロード後に徐々に表示されるように遅延
23
24    // Step 2: テキストを非表示
25    setTimeout(() => {
26        text.style.opacity = 0;
27        text.style.transform = 'translateY(-20px)';
28    }, 1000);
29    */
30
31    // Step 3: テキストが消えた後にロゴを表示
32    setTimeout(() => {
33        logo.style.opacity = 1;
34    }, 0);
35
36    // Step 4: グレースクリーンを移動
37    setTimeout(() => {
38        greyScreen.style.animation = 'slideIn 0.5s forwards';
39        setTimeout(() => {
40            greyScreen.style.animation = 'slideOut 0.5s forwards';
41            whiteScreen.style.display = 'none';
42            logo.style.opacity = 0;
43            setTimeout(() => {
44                body.classList.remove('no_scroll'); // アニメーション完了後にスクロールを有効にする
45                body.style.overflow = ''; // スクロールを再度有効にする
46                if (typeof Lenis !== 'undefined') {
47                    lenis.start();
48                }
49                // loadAnimationを非表示にする
50                loadAnimation.style.display = 'none';
51            }, 500); // slideOutアニメーションの期間
52        }, 500); // slideInアニメーションの期間
53    }, 2500);
54    body.classList.add('no_scroll');
55    if (typeof Lenis !== 'undefined') {
56        lenis.stop();
57    }
58});