Update app.py

app.py

@@ -1,46 +1,59 @@
 import streamlit as st 
 
-# Reset any previous custom styles
+# Set page config
 st.set_page_config(page_title="My App", layout="wide")
 
-# Your app content starts here
-st.title("My App Title")
-
-# Create a custom header with container
-header = st.container()
-with header:
-    col1, col2 = st.columns([3, 1])
-    with col1:
-        st.subheader("Custom Sticky Navigation")
-    with col2:
-        st.button("Button 1")
-
-# Add minimal CSS that won't interfere with status toolbar
+# Minimal CSS that shouldn't interfere with status toolbar
 st.markdown("""
 <style>
-    /* Target only our specific header container */
-    [data-testid="stContainer"]:first-child {
-        position: -webkit-sticky;
-        position: sticky;
-        top: 0px;
+    .fixed-nav {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
         background-color: #f0f5f5;
-        padding: 1rem;
-        z-index: 50;
+        padding: 10px;
+        z-index: 999;
         border-bottom: 1px solid #ddd;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
     }
-    
-    /* Ensure this doesn't affect other containers */
-    [data-testid="stContainer"]:not(:first-child) {
-        margin-top: 1rem;
+    .main-content {
+        margin-top: 60px;
+    }
+    /* Don't hide status toolbar */
+    [data-testid="stStatusWidget"] {
+        visibility: visible !important;
+        z-index: 1000;
     }
 </style>
+
+<div class="fixed-nav">
+    <h2>App Navigation</h2>
+    <div>
+        <button onclick="window.location.href='#section1'">Section 1</button>
+        <button onclick="window.location.href='#section2'">Section 2</button>
+    </div>
+</div>
+<div class="main-content">
+</div>
 """, unsafe_allow_html=True)
 
-# Main content area
-st.write("Main content starts here")
+# Main app title and content
+st.title("My App with Navigation")
+
+# Add sample content
+st.header("Section 1", anchor="section1")
+st.write("This is section 1 content")
+
+for i in range(10):
+    st.write(f"Content line {i}")
+
+st.header("Section 2", anchor="section2") 
+st.write("This is section 2 content")
 
-# Add sample content to demonstrate scrolling
-for i in range(30):
+for i in range(10):
     st.write(f"Content line {i}")