Add missing js file

2026-09-02 19:28:55 +00:00 · 2026-02-10 12:45:08 +01:00
parent e9dbe1c4ee
commit fc45d3381f
1 changed files with 34 additions and 0 deletions
@@ -0,0 +1,34 @@
+/**
+ * Alpine.data('backToTop') - Back to top button, appears on scroll
+ * Works with both document scroll and overflow-y-auto containers (main, #app).
+ */
+import Alpine from '@alpinejs/csp';
+
+Alpine.data('backToTop', (scrollContainerSelector = '[data-scroll-container]') => ({
+    visible: false,
+    scrollThreshold: 300,
+    scrollContainer: null,
+
+    init() {
+        this.scrollContainer = document.querySelector(scrollContainerSelector) || window;
+        const scrollTarget = this.scrollContainer === window ? window : this.scrollContainer;
+
+        const handleScroll = () => {
+            const scrollTop = this.scrollContainer === window
+                ? window.scrollY || document.documentElement.scrollTop
+                : this.scrollContainer.scrollTop;
+            this.visible = scrollTop > this.scrollThreshold;
+        };
+
+        scrollTarget.addEventListener('scroll', handleScroll, { passive: true });
+        handleScroll(); // Initial check
+    },
+
+    scrollToTop() {
+        if (this.scrollContainer === window) {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        } else {
+            this.scrollContainer.scrollTo({ top: 0, behavior: 'smooth' });
+        }
+    },
+}));