the scroll up button has been successfully added to the FAQs page

PriyaGhosal · Oct 26, 2024 · b9f43ee · b9f43ee
1 parent 1be424a
commit b9f43ee
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/F&Q.html b/F&Q.html
@@ -213,7 +213,13 @@
   </head>
   <body>
     <script src="script.js"></script>
+    <script>
+
+    </script>
     <header class="main-head">
+      <button class="go-top-btn">
+        <img height="45px" width="50px" src="arrow_upper.png " alt="arrow up">
+      </button>
       <div class="logo">
         <img src="img/logo.png" id="logo-web" />
         <h1 id="logo"><a href="#home">BuddyTrail</a></h1>
@@ -378,6 +384,22 @@ <h2>Suggestions/Questions</h2>
             modal.style.display = 'none';
         }
     });
+
+    const goTopBtn= document.querySelector('.go-top-btn');
+  window.addEventListener('scroll',checkHeight)
+  function checkHeight(){
+    if(window.scrollY > 200){
+goTopBtn.style.display="flex"
+    } else{
+      goTopBtn.style.display="none"
+    }
+  }
+  goTopBtn.addEventListener('click', () =>{
+    window.scrollTo({
+      top:0,
+      behavior:"smooth"
+    })
+  })
 </script>