Update app.py

app.py

@@ -1,61 +1,59 @@
 import streamlit as st 
 
 # Set page config
-st.set_page_config(page_title="Virtual Sticky Header", layout="wide")
+st.set_page_config(page_title="Multipage Navigation", layout="wide")
 
-# Create a session state to track which section we're viewing
-if 'current_section' not in st.session_state:
-    st.session_state.current_section = "section1"
-
-# Create columns for our layout
-col1, col2, col3 = st.columns([1, 2, 1])
-
-# Function to create our "sticky" header
-def create_header():
-    with st.container():
-        st.markdown("### My Application")
-        tab1, tab2, tab3 = st.tabs(["Section 1", "Section 2", "Section 3"])
-        
-        with tab1:
-            if st.button("Go to Section 1"):
-                st.session_state.current_section = "section1"
-                st.experimental_rerun()
-        
-        with tab2:
-            if st.button("Go to Section 2"):
-                st.session_state.current_section = "section2"
-                st.experimental_rerun()
-        
-        with tab3:
-            if st.button("Go to Section 3"):
-                st.session_state.current_section = "section3"
-                st.experimental_rerun()
+# Use sidebar as a persistent navigation element (this is always visible)
+with st.sidebar:
+    st.title("My Application")
+    st.markdown("### Navigation")
+    
+    nav_option = st.radio(
+        "Go to:",
+        ["Section 1", "Section 2", "Section 3"],
+        key="nav_radio"
+    )
 
-# Create our header
-create_header()
+# Main content area
+st.title("My Application")
 
-# Display content based on the current section
-if st.session_state.current_section == "section1":
+# Display content based on navigation selection
+if nav_option == "Section 1":
     st.header("Section 1")
     st.write("This is section 1 content")
-    for i in range(10):
+    for i in range(15):
         st.write(f"Content line {i}")
     
-elif st.session_state.current_section == "section2":
+elif nav_option == "Section 2":
     st.header("Section 2")
     st.write("This is section 2 content")
-    for i in range(10):
+    for i in range(15):
         st.write(f"Content line {i}")
     
-elif st.session_state.current_section == "section3":
+elif nav_option == "Section 3":
     st.header("Section 3")
     st.write("This is section 3 content")
-    for i in range(10):
+    for i in range(15):
         st.write(f"Content line {i}")
 
-# Add a "back to top" button at the bottom
-if st.button("Back to Top"):
-    st.experimental_rerun()
+# Add "quick jump" buttons at the bottom
+st.markdown("### Quick Navigation")
+col1, col2, col3 = st.columns(3)
+
+with col1:
+    if st.button("Jump to Section 1"):
+        st.session_state.nav_radio = "Section 1"
+        st.experimental_rerun()
+
+with col2:
+    if st.button("Jump to Section 2"):
+        st.session_state.nav_radio = "Section 2"
+        st.experimental_rerun()
+
+with col3:
+    if st.button("Jump to Section 3"):
+        st.session_state.nav_radio = "Section 3"
+        st.experimental_rerun()