function → アロー関数(関数式)へ。動作変わらず。

Author: satopian

petitnote/template/basic/js/common.js

@@ -367,7 +367,7 @@ document.addEventListener("DOMContentLoaded", () => {
         const startOpacity = parseFloat(el.style.opacity);
         let startTime = performance.now();
 
-        function fadeStep(now) {
+        const fadeStep = (now) => {
             const elapsed = now - startTime;
             const progress = Math.min(elapsed / duration, 1);
             let opacity = startOpacity + (to - startOpacity) * progress;
@@ -384,7 +384,7 @@ document.addEventListener("DOMContentLoaded", () => {
                     el.style.visibility = "hidden"; // 完全にフェードアウトしたら非表示
                 }
             }
-        }
+        };
 
         if (to === 1) {
             el.style.visibility = "visible"; // フェードインで表示
@@ -410,12 +410,12 @@ document.addEventListener("DOMContentLoaded", () => {
     });
 
     // スムーススクロール
-    function smoothScrollToTop(duration = 500) {
+    const smoothScrollToTop = (duration = 500) => {
         // 0.5秒かけてスクロール
         const start = window.scrollY;
         const startTime = performance.now();
 
-        function scrollStep(now) {
+        const scrollStep = (now) => {
             const elapsed = now - startTime;
             const progress = Math.min(elapsed / duration, 1);
             const ease = 1 - Math.pow(1 - progress, 3); // ease-out効果
@@ -427,10 +427,10 @@ document.addEventListener("DOMContentLoaded", () => {
             } else {
                 fade(pagetop, 0, 500); // スクロール完了後にフェードアウト
             }
-        }
+        };
 
         requestAnimationFrame(scrollStep);
-    }
+    };
 
     // トップに戻るボタンがクリックされたとき
     pagetop?.addEventListener("click", (e) => {