From 3040a329dbb2b38f67531a897d3edd72d3e11ad3 Mon Sep 17 00:00:00 2001
From: Your Name <vineetvijay17@gmail.com>
Date: Tue, 19 Sep 2023 14:02:57 +0530
Subject: [PATCH] Fix scroll-up button issue

---
 .vscode/settings.json |  3 +++
 css/faq.css           | 16 ++++++++++++++++
 faq.html              |  4 ++++
 js/faq.js             | 38 ++++++++++++++++++++++++++++++++++++++
 4 files changed, 61 insertions(+)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..6f3a2913
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/css/faq.css b/css/faq.css
index 97de94da..b4597b53 100644
--- a/css/faq.css
+++ b/css/faq.css
@@ -6,6 +6,22 @@
   --color-events: #e30162;
 }
 
+#scrollUpButton {
+  position: fixed;
+  bottom: 40px;
+  right: 20px;
+  background-color: #007BFF;
+  color: #ffffff;
+  border: none;
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+  cursor: pointer;
+  z-index: 9999;
+}
+
+
+
 .dark-theme {
   --color-bg: #1c1b22;
   --color-text: #e1e1ec;
diff --git a/faq.html b/faq.html
index 8b25c567..835131bd 100644
--- a/faq.html
+++ b/faq.html
@@ -243,6 +243,9 @@ <h3 class="question">
       </section>
     </main>
 
+    <button id="scrollUpButton" onclick="scrollToTop()">Top</button>
+
+
     <footer>
       <p class="info-repo">
         The contents of this website are deployed from this
@@ -260,5 +263,6 @@ <h3 class="question">
     <script type="text/javascript" src="./js/login.js"></script>
     <script type="text/javascript" src="./js/navbar.js"></script>
     <script src="js/darkmode.js"></script>
+    
   </body>
 </html>
diff --git a/js/faq.js b/js/faq.js
index a3247930..06a429fa 100644
--- a/js/faq.js
+++ b/js/faq.js
@@ -1,6 +1,9 @@
 const faqLinks = document.querySelectorAll('.faq_link');
 const currentLocation = window.location.hash;
 
+
+
+
 // to open accordian by pressing spacebar
 window.addEventListener('keydown', (e) => {
   const ancTag = document.querySelector(
@@ -12,6 +15,41 @@ window.addEventListener('keydown', (e) => {
   }
 });
 
+
+// JavaScript (faq.js)
+
+// JavaScript (faq.js)
+
+// Function to smoothly scroll to the top of the page when the button is clicked
+document.getElementById('scrollUpButton').addEventListener('click', function () {
+  window.scrollTo({
+      top: 0,
+      behavior: 'smooth'
+  });
+});
+
+// Show the scroll-up button when the user scrolls down the page
+window.addEventListener('scroll', function () {
+  var scrollButton = document.getElementById('scrollUpButton');
+  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+      scrollButton.style.display = 'block';
+  } else {
+      scrollButton.style.display = 'none';
+  }
+});
+
+
+// Initially hide the button when the page loads
+document.addEventListener('DOMContentLoaded', function () {
+  var scrollButton = document.getElementById('scrollUpButton');
+  scrollButton.style.display = 'none';
+});
+
+
+
+
+
+
 // for adding tabindex=-1 to other faqlinks so that others faqlinks can't be accessed by tab
 const removeFocusForOthers = (target) => {
   faqLinks.forEach((faqLink) => {