Update app.py

app.py

@@ -344,7 +344,7 @@ def app():
             menu_output = gr.HTML(value=filter_menu("All"))
 
             # Button to navigate to Cart Page
-            view_cart_button = gr.Button("View Cart")
+             view_cart_button = gr.Button("View Cart", elem_id="view-cart-button")
 
             # Empty div box with 300px height
             empty_div = gr.HTML('<div style="height: 300px;"></div>')
@@ -442,6 +442,30 @@ def app():
             lambda: (gr.update(visible=True), gr.update(visible=False)),
             outputs=[menu_section, cart_section],
         )
+        # Inject JavaScript for Scrolling to Top
+        gr.HTML("""
+        <script>
+            function addToCart() {
+                alert("Item added to cart!");
+                document.getElementById('modal').style.display = 'none';
+            }
+
+            function closeModal() {
+                document.getElementById('modal').style.display = 'none';
+            }
+
+            document.addEventListener("DOMContentLoaded", function () {
+                const viewCartButton = document.querySelector("#view-cart-button");
+                if (viewCartButton) {
+                    viewCartButton.addEventListener("click", function () {
+                        setTimeout(() => {
+                            window.scrollTo({ top: 0, behavior: "smooth" });
+                        }, 200);
+                    });
+                }
+            });
+        </script>
+        """)
 
     return demo