Update app.py

app.py

@@ -78,6 +78,14 @@ def filter_menu(preference):
         """
     return html_content
 # Preserving your JavaScript for modal and cart functionality (Your original JavaScript logic)
+scroll_js = """
+<script>
+    function scrollToTop() {
+        window.scrollTo({top: 0, behavior: 'smooth'});
+    }
+</script>
+"""
+
 modal_and_cart_js = """
 <style>
   .cart-container {
@@ -443,19 +451,19 @@ def app():
         # Navigate to Cart Page (Both Buttons Use the Same Logic)
         # Top View Cart Button
         view_cart_button_top.click(
-            lambda: (gr.update(visible=False), gr.update(visible=True)),
-            outputs=[menu_section, cart_section],
-            _js="() => window.scrollTo({top: 0, behavior: 'smooth'})"
+            lambda: (gr.update(visible=False), gr.update(visible=True), "<script>scrollToTop();</script>"),
+            outputs=[menu_section, cart_section, scroll_trigger],
         )
 
+
         # Bottom View Cart Button
         view_cart_button_bottom.click(
-            lambda: (gr.update(visible=False), gr.update(visible=True)),
-            outputs=[menu_section, cart_section],
-            _js="() => window.scrollTo({top: 0, behavior: 'smooth'})"
+            lambda: (gr.update(visible=False), gr.update(visible=True), "<script>scrollToTop();</script>"),
+            outputs=[menu_section, cart_section, scroll_trigger],
         )
 
 
+
         # Navigate Back to Menu Page
         back_to_menu_button.click(
             lambda: (gr.update(visible=True), gr.update(visible=False)),