ns-ui / header-scroll-pill

Scroll to compress the bar into a pill; a fast upward scroll flicks it back open with overshoot.

Section 1 of 4

Intro

Fake page content for the scroll demo — the header above reacts to scroll position and this section's visibility.

Section 2 of 4

Work

Fake page content for the scroll demo — the header above reacts to scroll position and this section's visibility.

Section 3 of 4

Process

Fake page content for the scroll demo — the header above reacts to scroll position and this section's visibility.

Section 4 of 4

Contact

Fake page content for the scroll demo — the header above reacts to scroll position and this section's visibility.