From 63dabc025267882a2f63cbd13cda1e0065c07681 Mon Sep 17 00:00:00 2001
From: Aditya Raj <138434890+Raj-Aditya-27@users.noreply.github.com>
Date: Sun, 20 Oct 2024 23:26:25 +0530
Subject: [PATCH] go to top button issue fixed

---
 index.html | 31 ++++++++++++++++++++++++-------
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index ff3f735a..542a2999 100644
--- a/index.html
+++ b/index.html
@@ -2187,10 +2187,8 @@ <h4>Contact Us</h4>
     <a class="goupbtn" href="#" onclick="goToTop()"><i class="fa-solid fa-arrow-up"></i></a>
 
     <script>
-      // Get the button
       var mybutton = document.querySelector(".goupbtn");
-
-      // When the user scrolls, check if the button should be displayed
+    
       window.addEventListener("scroll", function () {
         if (window.scrollY > 20) {
           mybutton.style.display = "block";
@@ -2198,13 +2196,32 @@ <h4>Contact Us</h4>
           mybutton.style.display = "none";
         }
       });
-
-      // When the user clicks on the button, scroll to the top of the document
+    
       function goToTop() {
-        document.body.scrollTop = 0; // For Safari
-        document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+        const currentScroll = window.scrollY;
+        const startTime = performance.now();
+        const duration = 500;
+    
+        function scrollAnimation(currentTime) {
+          const elapsedTime = currentTime - startTime;
+          const progress = Math.min(elapsedTime / duration, 1);
+          const easeOut = progress * (2 - progress);
+          const scrollPosition = currentScroll * (1 - easeOut);
+    
+          window.scrollTo(0, scrollPosition);
+    
+          if (progress < 1) {
+            requestAnimationFrame(scrollAnimation);
+          }
+        }
+    
+        requestAnimationFrame(scrollAnimation);
       }
+    
+      mybutton.addEventListener('click', goToTop);
     </script>
+    
+