From cf6a967c23eea5377c4937279694eaedd1ff9d10 Mon Sep 17 00:00:00 2001
From: Vaibhav Yadav <tron21vaibhav@gmail.com>
Date: Mon, 24 Oct 2022 11:40:44 +0530
Subject: [PATCH] added scroll to top button when user slide down below 650px

---
 Website/index.html |  2 ++
 Website/script.js  | 16 ++++++++++++++++
 Website/style.css  | 20 ++++++++++++++++++++
 3 files changed, 38 insertions(+)

diff --git a/Website/index.html b/Website/index.html
index 77679e780..1b9fd5123 100644
--- a/Website/index.html
+++ b/Website/index.html
@@ -138,6 +138,8 @@ <h2>Contact Us</h2>
         Email</a>
     </div>
   </section>
+  <!-- Scroll to top button -->
+  <button onclick="totop()" id="mybtn" title="Go to top "> <i class="fa fa-arrow-up"></i> </button>
 
   <footer class="footer">
     <div class="social">
diff --git a/Website/script.js b/Website/script.js
index 5ff9aea65..6e9cdf1c7 100644
--- a/Website/script.js
+++ b/Website/script.js
@@ -246,4 +246,20 @@ function renderAssets(assets) {
     }
   }, "");
 }
+
+let mybutton = document.getElementById("mybtn")
+window.onscroll = function() {scrollFunction()}
+function scrollFunction(){
+  if(document.body.scrollTop > 650 || document.documentElement.scrollTop > 650){
+    mybutton.style.display = "block"
+  } else {
+    mybutton.style.display = "none"
+  }
+}
+function totop(){
+  document.body.scrollTop = 0;
+  document.documentElement.scrollTop = 0;
+}
+
+
 // END RELEASE
diff --git a/Website/style.css b/Website/style.css
index 29a6400ef..dc7707e05 100644
--- a/Website/style.css
+++ b/Website/style.css
@@ -1005,4 +1005,24 @@ header {
   border-radius: 2em;
   background-color: #4caf50;
   color: var(--font-color);
+}
+/* Scroll to top button styling starts from here */
+#mybtn{
+  display: none;
+  position: fixed;
+  bottom: 18px;
+  right: 19px;
+  z-index: 99;
+  border: none;
+  outline: none;
+  background-color: #0a5a97;
+  color: wheat;
+  cursor: pointer;
+  padding: 15px;
+  border-radius: 200px;
+  font-size: 18px;
+
+}
+#mybtn:hover{
+  background-color: rgb(18, 29, 59);
 }
\ No newline at end of file