WickyNilliams/headroom.js
Give your pages some headroom. Hide your header until you need it observed · 2026-08-28
Health v2 · maintenance only
23/100
- Activity 0
- Release rhythm 8
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 4774
- days_rel: n/a
- days_push: 1043
- n_releases_24m: 0
Adoption not part of the score
10838 stars · 795 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Headroom.js is a lightweight, dependency-free JavaScript widget that hides fixed headers when scrolling down and reveals them when scrolling up by toggling CSS classes. It works with plain JS plus optional jQuery and AngularJS integrations.
Use cases
- hide header on scroll down and show on scroll up
- make fixed navigation less obtrusive on small screens
- react to user scroll with CSS classes
- add slide in/out animation to page header
- free up vertical space for page content
When to choose
- you want a tiny (~1.4KB gzipped) dependency-free scroll widget
- you prefer full styling control via CSS classes
- you need a universal build for script tags, CommonJS, or AMD
When to avoid
- you need a full-featured scroll/animation library with many effects
- you want a framework component with native React/Vue bindings out of the box
- you need active development of new features
Facets
library · maturity maintenance
animation ui-components frontend-framework web-development frontend browser scroll header fixed-header javascript no-dependencies css-classes nodejs
3 sources
- readme: https://github.com/WickyNilliams/headroom.js · fetched 2026-08-28 · 83242b3d0def
- homepage: https://wicky.nillia.ms/headroom.js/ · fetched 2026-08-29 · b2011acbdb5c
- registry_npm: https://registry.npmjs.org/headroom.js · fetched 2026-08-29 · eb722811413b
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| WickyNilliams/headroom.js | main | 23 |
For agents
markdown · JSON · MCP: product_card(name="WickyNilliams/headroom.js")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem