Dashboard interaction · Sticky metrics

An API console with four big headline metrics. Scroll down and they shrink and glide into a single pill in the top bar, so the numbers that matter never leave the screen; scroll back and they unfold into the row again. Driven by scroll position, not triggered by it.

What it is

The four numbers that matter start big at the top of the page, and as you scroll they shrink and slide into the header instead of disappearing. Scroll back and they unfold again. The page gets its room back without the key figures ever leaving the screen. For monitoring consoles, finance summaries and long reports with a headline row.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

@西瓜同学 (Douyin) · 第 5 集「6 种高端 Dashboard 交互」· 05 指标区滚动吸顶 · 0:36–0:44 (3× playback)