From 81892a19d8bf7ea44bf285caa45e8c14be1ba65e Mon Sep 17 00:00:00 2001
From: Anandita Chaudhary <anandita299@gmail.com>
Date: Tue, 23 Jul 2024 21:04:13 +0530
Subject: [PATCH] Added scroll-to-top arrow button

---
 about/about.html              |  4 +---
 buyproducts/buy_products.html | 25 ++++++++++++++-----------
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/about/about.html b/about/about.html
index 5ee5f47..e3404e0 100644
--- a/about/about.html
+++ b/about/about.html
@@ -258,9 +258,7 @@ <h2>Quick Links</h2>
       </div>
     </footer>
     <div id="backtoTop">
-      <a href="#about"
-        ><i class="bx bx-up-arrow-alt" id="go-to-top" title="Go to top"></i
-      ></a>
+      <a href="#about"><i class="bx bx-up-arrow-alt" id="go-to-top" title="Go to top"></i></a>
     </div>
     <div class="cursor"></div>
     <div class="cursor2"></div>
diff --git a/buyproducts/buy_products.html b/buyproducts/buy_products.html
index 3fa0644..2eae1de 100644
--- a/buyproducts/buy_products.html
+++ b/buyproducts/buy_products.html
@@ -6,13 +6,8 @@
     <title>Agricultural Tools Store</title>
     <link rel="stylesheet" href="./buy_products.css" />
     <link rel="stylesheet" href="../testimonials/testimonials.css" />
-    <link
-      rel="stylesheet"
-      href="../cursor/style.css"
-      <link
-      href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css"
-      rel="stylesheet"
-    />
+    <link rel="stylesheet" href="../cursor/style.css" />
+    <link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet"/>
     <script
       src="https://kit.fontawesome.com/b08b6de27e.js"
       crossorigin="anonymous"
@@ -649,9 +644,7 @@ <h2>Quick Links</h2>
       </div>
     </footer>
     <div id="backtoTop">
-      <a href="#buy_products"
-        ><i class="bx bx-up-arrow-alt" id="go-to-top" title="Go to top"></i
-      ></a>
+      <a href="#buy_products"><i class="bx bx-up-arrow-alt" id="go-to-top" title="Go to top"></i></a>
     </div>
     <div class="cursor"></div>
     <div class="cursor2"></div>
@@ -668,11 +661,21 @@ <h2>Quick Links</h2>
 
         if (scrollPosition > 300) {
           // Adjust this value as needed to show the button at the desired scroll position
-          backToTopButton.style.display = "block";
+          backToTopButton.style.display = "flex";
         } else {
           backToTopButton.style.display = "none";
         }
       });
+
+      // Scroll to top when the button is clicked
+      document
+        .getElementById("backtoTop")
+        .addEventListener("click", function () {
+          window.scrollTo({
+            top: 0,
+            behavior: "smooth",
+          });
+        });
     </script>
     <!-- <script src="https://mediafiles.botpress.cloud/43c4d3ec-a251-474f-8cce-3d8737805a57/webchat/config.js" defer></script> -->
     <script type="text/javascript">