Hide on Scroll Header free

Slides away when scrolling down and returns the moment the visitor scrolls back up.

Scroll inside the preview to try it.

Customize

Logo text on the left

Menu links (comma separated)

Header colour

Text colour

Hover underline colour

Header height (px)

Only hide after scrolling this far (px)

Scroll up by this much to bring it back (px)

Slide animation duration (ms)

Soft shadow under the header

sticky stays inside its parent, fixed covers the whole page

import HideOnScrollHeader from './HideOnScrollHeader';

<HideOnScrollHeader />

Checking your access…

Dependencies: none