Hi 👋
I’m trying to implement a pattern where:
- Tabs are sticky (expected)
- Additionally, each tab has its own sticky sub-header (e.g. search bar)
- The sub-header should stick below the main header while scrolling
Current structure:
Tab
└── ScrollView
├── SearchBar (should be sticky)
└── Content
Issue:
- The SearchBar scrolls with content instead of sticking
- If I move it to HeaderMotion.Header, it becomes global instead of tab-specific
Questions:
- Is it possible to have a sticky element inside a tab scrollable (independent of HeaderMotion.Header)?
- Or does the library strictly require all sticky elements to be defined inside HeaderMotion.Header?
- Any recommended pattern for tab-specific sticky sub-headers?
From my understanding, header + scroll sync requires everything to be part of the same HeaderMotion context, which makes this use case difficult.
Would appreciate clarification 🙏
Hi 👋
I’m trying to implement a pattern where:
Current structure:
Tab
└── ScrollView
├── SearchBar (should be sticky)
└── Content
Issue:
Questions:
From my understanding, header + scroll sync requires everything to be part of the same HeaderMotion context, which makes this use case difficult.
Would appreciate clarification 🙏