Update pages/home.py

pages/home.py

@@ -48,18 +48,31 @@ st.header("Tags the below 41 medical entities")
 'VOLUME'
 'WEIGHT'
 
+# --- Automatic Scrolling Approach ---
+# Add a checkbox to control auto-scrolling
+auto_scroll = st.sidebar.checkbox("Auto-scroll to bottom", value=True)
 
 # Create scrollable content
 for i in range(100):
     st.write(f"This is scrollable content line {i}")
 
-# Add JavaScript to automatically scroll to the bottom
-st.markdown("""
-<script>
-    // Set a timeout to ensure the page has loaded
-    setTimeout(function() {
-        // Get the window object and scroll to the bottom
-        window.scrollTo(0, document.body.scrollHeight);
-    }, 500);
-</script>
-""", unsafe_allow_html=True)
+# Add a manual scroll button at both top and bottom for convenience
+if st.button("Scroll to Bottom") or auto_scroll:
+    # Create a link target
+    st.markdown('''
+    <a name="bottom"></a>
+    ''', unsafe_allow_html=True)
+    
+    # Use Streamlit's HTML component to execute the scroll
+    st.components.v1.html('''
+    <script>
+        // Use the iframe parent to scroll the main content area
+        window.parent.document.querySelector('section.main').scrollTo({
+            top: window.parent.document.querySelector('section.main').scrollHeight,
+            behavior: 'smooth'
+        });
+    </script>
+    ''', height=0)
+
+# Add some text at the bottom as a visual indicator
+st.write("You've reached the bottom!")