fixed bug

2026-01-31 19:24:22 +08:00
1 parent 7b945786ed
commit 54b18039e3
@@ -0,0 +1,106 @@
+window.initFloatingTools = function() {
+    // 1. Back to Top
+    var backToTopButton = document.getElementById('back-to-top');
+    if (backToTopButton) {
+        var ticking = false;
+
+        function update() {
+            var btn = document.getElementById('back-to-top');
+            if (!btn) return;
+            
+            if (window.scrollY > 300) {
+                if (!btn.classList.contains('show')) {
+                    btn.classList.add('show');
+                }
+            } else {
+                if (btn.classList.contains('show')) {
+                    btn.classList.remove('show');
+                }
+            }
+            ticking = false;
+        }
+
+        // Global Scroll Handler
+        if (!window.backToTopScrollHandler) {
+            window.backToTopScrollHandler = function() {
+                if (!ticking) {
+                    window.requestAnimationFrame(update);
+                    ticking = true;
+                }
+            };
+            window.addEventListener('scroll', window.backToTopScrollHandler, { passive: true });
+        }
+
+
+        // Re-bind click event
+        var newBtn = backToTopButton.cloneNode(true);
+        backToTopButton.parentNode.replaceChild(newBtn, backToTopButton);
+        backToTopButton = newBtn;
+
+        backToTopButton.addEventListener('click', function(e) {
+            e.preventDefault();
+            window.scrollTo({
+                top: 0,
+                behavior: 'smooth'
+            });
+        });
+    }
+
+    // 2. Theme Toggle
+    var themeToggle = document.getElementById('theme-toggle');
+    if (themeToggle) {
+         var newToggle = themeToggle.cloneNode(true);
+         themeToggle.parentNode.replaceChild(newToggle, themeToggle);
+         themeToggle = newToggle;
+
+         // Update icon based on current theme
+         var updateIcon = function() {
+             var currentTheme = document.documentElement.getAttribute('data-theme');
+             var icon = themeToggle.querySelector('i');
+             if (icon) {
+                 if (currentTheme === 'dark') {
+                     icon.className = 'ri-moon-line';
+                 } else {
+                     icon.className = 'ri-sun-line';
+                 }
+             }
+         };
+         updateIcon();
+
+         themeToggle.addEventListener('click', function() {
+             var currentTheme = document.documentElement.getAttribute('data-theme');
+             var newTheme = currentTheme === 'dark' ? 'light' : 'dark';
+             document.documentElement.setAttribute('data-theme', newTheme);
+             localStorage.setItem('theme', newTheme);
+             updateIcon();
+             
+             // Trigger Artalk theme update
+             if (window.artalk) {
+                 window.artalk.setDarkMode(newTheme === 'dark');
+             }
+         });
+    }
+
+    // 3. To Comments
+    var toComments = document.getElementById('to-comments');
+    if (toComments) {
+        var newToComments = toComments.cloneNode(true);
+        toComments.parentNode.replaceChild(newToComments, toComments);
+        toComments = newToComments;
+
+        toComments.addEventListener('click', function(e) {
+            e.preventDefault();
+            var comments = document.getElementById('Comments');
+            if (comments) {
+                comments.scrollIntoView({ behavior: 'smooth' });
+            } else {
+                 var artalkEl = document.querySelector('.artalk');
+                 if (artalkEl) {
+                     artalkEl.scrollIntoView({ behavior: 'smooth' });
+                 } else {
+                     window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' });
+                 }
+            }
+        });
+    }
+};