Merge pull request #2005 from pani2004/issue#1995

Made the scroll to top functional and added logic for visibility

assets/css/styles.css

@@ -500,6 +500,7 @@ svg {
 
   #back-to-top-container {
     position: fixed;
+    display: none;
   }
 
 

books.html

@@ -775,7 +775,6 @@ <h2>Quick Links</h2>
 
         </div>
 
-
         <div id="back-to-top-container" onclick="lenis.scrollTo('#home')" class="right">
           <div class="circle1">
             <svg id="back-to-top" xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor"
@@ -785,13 +784,9 @@ <h2>Quick Links</h2>
             </svg>
           </div>
         </div>
-
       </div>
     </div>
 
-
-
-
     <!-- adding privacy policy and copyright popup-->
     <div style="text-align: center; align-items: center;">
       <p style="text-align: center">
@@ -877,6 +872,20 @@ <h1>Privacy Notice</h1>
           privacyModal.style.display = "none";
         }
       }
+      document.getElementById('back-to-top-container').onclick = function () {// logic for scroll to top
+        window.scrollTo({
+          top: 0,
+          behavior: 'smooth'
+        });
+      };
+      window.onscroll = function () {
+    const backToTopButton = document.getElementById('back-to-top-container'); // for scroll to top button visibility
+    if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
+      backToTopButton.style.display = 'block';
+    } else {
+      backToTopButton.style.display = 'none';
+    }
+  };
     </script>