Update app.py

app.py

@@ -384,9 +384,16 @@ def app():
         # JavaScript to Scroll to Top on Page Change
         gr.HTML("""
             <script>
-                function scrollToTop() {
-                    window.scrollTo({ top: 0, behavior: 'smooth' });
-                }
+                document.addEventListener("DOMContentLoaded", function() {
+                    const viewCartButton = document.querySelector('button:contains("View Cart")');
+                    if (viewCartButton) {
+                        viewCartButton.addEventListener("click", function() {
+                            setTimeout(() => {
+                                window.scrollTo({ top: 0, behavior: 'smooth' });
+                            }, 100); // Delay to allow the page transition
+                        });
+                    }
+                });
             </script>
         """)
 
@@ -413,11 +420,10 @@ def app():
             lambda: (gr.update(visible=True), gr.update(visible=False)),
             outputs=[login_section, signup_section],
         )
-        # Navigate to Cart Page with Scroll to Top
+        # Navigate to Cart Page
         view_cart_button.click(
             lambda: (gr.update(visible=False), gr.update(visible=True)),
             outputs=[menu_section, cart_section],
-            _js="scrollToTop"  # Trigger JavaScript scroll function
         )
         # Navigate Back to Menu Page
         back_to_menu_button.click(
@@ -429,6 +435,4 @@ def app():
 
 if __name__ == "__main__":
     app().launch()
-
-