Added auto scroll to top when clicked on pagination buttons (#1898)

Rakesh9100 · Dec 11, 2024 · 59ba2b1 · 59ba2b1
1 parent bf9db26
commit 59ba2b1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -5995,9 +5995,9 @@ <h3>Provides the user's zodiac sign by taking the date of birth as input.</h3>
 
     <!-- Pagination Section Starts Here -->
     <div id="pagination-controls">
-        <button id="prev" onclick="changePage(-1)">Previous</button>
+        <button id="prev" onclick="changePage(-1); scrollToSearch()">Previous</button>
         <span id="page-info"></span>
-        <button id="next" onclick="changePage(1)">Next</button>
+        <button id="next" onclick="changePage(1); scrollToSearch()">Next</button>
     </div>
 
     <!-- Pagination Section Ends Here -->

diff --git a/script.js b/script.js
@@ -343,3 +343,10 @@ function validateName(inputId) {
         input.value = value.replace(/[^A-Za-z ]/g, ''); // Remove any non-alphabetic characters
     }
 }
+
+function scrollToSearch() {
+    const searchBar = document.getElementById('searchBar');
+    searchBar.scrollIntoView({
+        behavior: "smooth"
+    });
+}