Update app.py

app.py

@@ -31,23 +31,24 @@ about_page = st.Page(
     icon=":material/info:",
     default=False)
 
-# This is the key trick:
-# 1. Define all content first
-content = [f"This is scrollable content line {i}" for i in range(100)]
 
-# 2. Display first part of content
-for i in range(len(content) - 1):
-    st.write(content[i])
-
-# 3. Add a placeholder for the last item
-last_item = st.empty()
-
-# 4. Show "Bottom Reached!" message to confirm we're at the bottom
-st.success("Bottom of page reached!")
-
-# 5. Finally, add the last content item
-# This forces Streamlit to render the page up to the bottom
-last_item.write(content[-1])
+# Create scrollable content
+for i in range(100):
+    st.write(f"This is scrollable content line {i}")
+
+# Create an anchor at the bottom
+st.markdown('<div id="bottom"></div>', unsafe_allow_html=True)
+
+# Add JavaScript to automatically scroll to the anchor
+st.markdown("""
+<script>
+    // Set a timeout to ensure the page has loaded
+    setTimeout(function() {
+        // Scroll to the bottom anchor
+        document.getElementById('bottom').scrollIntoView();
+    }, 500);
+</script>
+""", unsafe_allow_html=True)
 
 
 # --- NAVIGATION SETUP ---