Hide On Scroll

Slides sticky chrome off-screen on scroll-down and back on scroll-up without unmounting children.

Pair with a Sticky AppBar inside Layout overlay_header shells. Listens on LayoutPageScrollport when present (Layout page ScrollArea), otherwise an optional scroll_target, otherwise the window.

Children stay mounted so menus and focus state survive tuck/untuck.

  • Mobile product shells where a sticky app bar crowds content while scrolling
  • Catalog demos that show tuck behavior on a tall scrollport
  • Wrap Sticky AppBar in HideOnScroll.
  • Set enabled from a breakpoint signal for mobile-only tuck. 3. Prefer Layout page scrollport (default overlay shells) so the listener tracks the same ScrollArea that moves content.
Enabled tuck

Sticky frost bar hides on scroll-down inside a Layout page scrollport.

Scroll down to tuck the bar; scroll up to restore it.

Disabled containment

Same shell with enabled=false — bar stays pinned while content scrolls.

Scroll — the bar stays visible.