Scroll Direction: Hide Header
A sticky header that hides when scrolling down and reappears when scrolling up. Uses useMotionValueEvent to detect scroll direction.
Enhance your AI code editor with this example
Use Motion Studio to create new components or infuse static designs with animations based on "Scroll Direction: Hide Header" and 330+ other examples.
Latest React examples
Motion is supported by the best in the industry.
