bottom to top button completed in all screen

Author: ranjaniav1

Official_Website/faq.html

@@ -157,7 +157,15 @@ <h5 class="mb-0 collapse-heading">
     <button class="about-button1">
       <a href="./about.html"> About Us </a>
     </button>
-    <div id="scrollToTopBtn" class="scrollToTopBtn_FAQ" onclick="scrollToTop() "><img src="scrollToTop.png"></div>
+    <div id="scrollToTopBtn" onclick="scrollToTop()">
+        <img src="scrollToTop.png" alt="Scroll to Top">
+    </div>
+    
+    <script>
+        function scrollToTop() {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        }
+    </script>
     <script src="app.js"></script>
 <!-- jQuery and Bootstrap Bundle (includes Popper) -->
 <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>

Official_Website/navstyle.css

@@ -308,4 +308,17 @@
   .five {
     background-color: rgb(163, 114, 8);
   }
-  
+  #scrollToTopBtn {
+    position: fixed;
+    bottom: 45px; 
+    left: 20px;    
+    cursor: pointer;
+    z-index: 1000; 
+}
+
+#scrollToTopBtn img {
+  width: 50px;
+  height: 50px;
+  background: #5fabee;
+  border-radius: 50%;
+}