From c377bb2be8977108b7f7f4564bf59da99f7c2d1c Mon Sep 17 00:00:00 2001
From: rishab <rishabstudent2000@gmail.com>
Date: Sat, 9 Nov 2024 00:24:55 +0530
Subject: [PATCH] types update

---
 src/components/MoveToTopButton/index.astro | 23 +++++++++++-----------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/components/MoveToTopButton/index.astro b/src/components/MoveToTopButton/index.astro
index 1dde79c1be..39d05ff097 100644
--- a/src/components/MoveToTopButton/index.astro
+++ b/src/components/MoveToTopButton/index.astro
@@ -12,27 +12,26 @@ const { class: customClass = "" } = Astro.props;
 </a>
 
 <script>
-  document.addEventListener("DOMContentLoaded", () => {
-    const moveToTopButton = document.getElementById("moveToTop");
+  const moveToTopButton = document.getElementById("moveToTop");
 
-    // Function to toggle visibility based on scroll position
-    const toggleVisibility = () => {
-      if (window.scrollY > 100) {
-        moveToTopButton.classList.remove("hidden");
+  // Ensure the element exists before accessing its methods
+  if (moveToTopButton) {
+    // Show the button when the user scrolls 100px down from the top
+    window.onscroll = function () {
+      if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
         moveToTopButton.classList.add("visible");
+        moveToTopButton.classList.remove("hidden");
       } else {
         moveToTopButton.classList.add("hidden");
         moveToTopButton.classList.remove("visible");
       }
     };
 
-    // Attach scroll event listener
-    window.addEventListener("scroll", toggleVisibility);
-
-    // Smooth scroll to top
+    // Scroll smoothly to the top when the button is clicked
     moveToTopButton.addEventListener("click", (event) => {
-      event.preventDefault();
+      event.preventDefault(); // Prevent default anchor behavior
       window.scrollTo({ top: 0, behavior: "smooth" });
     });
-  });
+  }
 </script>
+