2026-07-01 09:04 UTC
Do you have any examples of sticky headers that shrink when you start scrolling? In the wild, demos, whatever, any examples...
Stuff like a bigger logo/ heading, but then when starting to scroll, it all shrinks up.
If you don't know of any, boosts appreciated.
Thank you! 🙏
Replies (4)
-
@kizu@front-end.social 2026-07-01 10:00
@anatudor@mastodon.social https://kizu.dev/scroll-driven-animations/#stuck-states-for-the-sticky-headers (Chrome/Safari for now)
-
@FenTiger@mastodon.social 2026-07-01 09:16
@anatudor@mastodon.social Like this? https://squidfunk.github.io/mkdocs-material/getting-started/
-
@alexmagill@mastodon.social 2026-07-01 10:13
@anatudor@mastodon.social I built one here: https://www.saskiahawkins.com (edit: sticky only on bigger screens)
-
@cheeaun@mastodon.social 2026-07-01 10:25
@anatudor@mastodon.social on @phanpy@hachyderm.io (I'm the dev), there's this.