Feed Scroll Fix — Layout Comparison
Comparing current static-heavy layout vs. proposed scroll-first approach
Current — Problem
THE / Nabe
🔔
✉️
Wburg
⚡ Right Now in Williamsburg
2 min ago
🔥 Fire on Bedford Ave
Stay clear of N 7th — engines responding
8 min
🎵 Pop-up
McCarren…
☀️
Your Morning Briefing — 7 things to know
🍕
Sal's
🎨
Maria
🏃
Run Club
☕
Parlor
🛹
Tony
All
Following
Events
Deals
Food
📅
What's Happening This Week
14 events near you
›
🌆
Williamsburg
MR
Marco Russo
3h
Best new spot on Ro…
~319px static content
Only ~415px for feed
Proposed — Fix
THE / Nabe
🔔
✉️
Wburg
All
Following
Events
Deals
Food
⚡ Right Now in Williamsburg
2 min ago
🔥 Fire on Bedford Ave
Stay clear of N 7th
8 min
🎵 Pop-up
McCarren…
☀️
Your Morning Briefing — 7 things to know
🍕
Sal's
🎨
Maria
🏃
Run Club
☕
Parlor
🛹
Tony
📅
What's Happening This Week
14 events near you
›
🌆
Williamsburg
MR
Marco Russo
3h
Best new spot on Roebling St — you have to try this
Just walked by the new place on Roebling and the line was already around the block…
🎭
JL
Jane Lipari
5h
Trivia night at Radegast Hall…
FilterChips — sticky
Everything scrolls
1.5+ cards visible
After Scrolling Down
THE / Nabe
🔔
✉️
Wburg
All
Following
Events
Deals
Food
🌆
Williamsburg
MR
Marco Russo
3h
Best new spot on Roebling St
Just walked by the new place on Roebling and the line was already around the block…
🎭
Event
JL
Jane Lipari
5h
Trivia night at Radegast Hall — spots left
Teams of 4, $5 entry, winner gets a round of beers. Thursday 8pm…
🌮
VC
Vinny C.
6h
New taco truck on Met Ave…
Chips stuck here
Scroll up to see
banners & stories
Full feed viewport
What Changes and Why
Current Problem
~319px of screen is consumed by static components before the feed begins
On a 375x812 phone, the scroll area starts only ~400px from the top — leaving barely 40% for actual content
FilterChips are buried in the static stack — they scroll away the moment you start reading
Users see half a card on first load, which breaks the "feed-first" experience
All banners, stories, and buttons compete for the same fixed real estate
Proposed Fix
Header stays fixed as true app chrome — it never scrolls
FilterChips become sticky at the top of the scroll area — always accessible while reading
RightNow banner, Morning Briefing, Stories, and What's Happening all scroll naturally with the feed
On first load: chips visible, then banners, then 1.5–2 cards immediately — feed feels full
After scrolling: filter chips stuck at top, full viewport used for feed cards — clean reading mode