Update pages/home.py

pages/home.py

@@ -3,6 +3,58 @@ import streamlit.components.v1 as components
 from streamlit_shortcuts import button, add_keyboard_shortcuts 
 import base64 
 
+# This is the key secret to making auto-scrolling work
+# By registering query parameters, we can control which part of the page to show
+import time
+from urllib.parse import quote
+
+st.header("Tags the below 5 medical entities")
+st.write("ACTIVITY")
+st.write("ADMINISTRATION")
+st.write("AGE")
+st.write("AREA")
+st.write("BIOLOGICAL_ATTRIBUTE")
+
+# Initialize session state to track if we need to scroll
+if 'init_scroll' not in st.session_state:
+    st.session_state.init_scroll = True
+
+# Show all the content
+st.subheader("Scrollable Content")
+for i in range(99):  # Show all but the last item
+    st.write(f"This is scrollable content line {i}")
+
+# Bottom indicator and the last line (this is what we'll scroll to)
+bottom_content = st.container()
+with bottom_content:
+    st.write("This is scrollable content line 99")
+    st.success("🔽 Bottom of the page 🔽")
+
+# Create a button that will refresh the page, causing the auto-scroll code to execute
+if st.button("Click to Scroll to Bottom") or st.session_state.init_scroll:
+    # Update session state so it only auto-scrolls once unless button is clicked
+    st.session_state.init_scroll = False
+    
+    # This is the trick: inject a small snippet that forces the container 
+    # to be navigated to via HTML anchor
+    bottom_anchor_id = f"bottom-{int(time.time())}"
+    st.markdown(f"<div id='{bottom_anchor_id}'></div>", unsafe_allow_html=True)
+    
+    # Force a page rerun with a focus on the bottom section
+    # This query parameter approach sometimes works where JavaScript fails
+    js = f"""
+    <script>
+        // Try to scroll to the bottom using multiple methods
+        document.getElementById('{bottom_anchor_id}').scrollIntoView();
+        window.location.href = "#bottom-{bottom_anchor_id}";
+        
+        // As a fallback, try a direct scroll command
+        window.scrollTo(0, document.body.scrollHeight);
+    </script>
+    """
+    st.components.v1.html(js, height=0)
+
+'''
 st.title("📘Named Entity Recognition")
 
 st.header("Tags the below 41 medical entities")
@@ -65,3 +117,4 @@ st.markdown("""
     }, 500);
 </script>
 """, unsafe_allow_html=True)
+'''