SkillGitHub
All components
hide-on-scroll

Hide on scroll

Hides and restores a toolbar in response to scroll direction.

  • Keyboard ready
  • Reduced motion
  • TypeScript
Scene
product · mono
Runtime cost
Light
Motion engine
motion
Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/hide-on-scroll.json

Component behavior

Toolbar yields to scroll direction and returns on reversal Hides and restores a toolbar in response to scroll direction.

Suitable events

Use for view changes, hierarchy navigation, and current-location updates.

Runtime information

Motion engine
motion
Runtime cost
Light
Dependencies
motion
Open public Registry JSON