Una Kravets
banner
una.im
Una Kravets
@una.im
Making the web more stylish ✨🎨 DevRel Lead for CSS & Web UI @ Google Chrome. Cohost of the CSS Podcast & host of Designing in the Browser. 🌎 una.im
Hmm good question, You can use the scrollable scroll state query there:

@container scroll-state(scrollable: bottom)
January 12, 2026 at 3:44 PM
Sure, I think in one of my demos I show the check for before you scroll

@container scroll-state(scrolled: none)

Indicates no scroll has occurred yet
January 11, 2026 at 10:09 PM
You could nest these (the stuck inside of the scrolled)
January 10, 2026 at 2:56 PM
Definitely add @nerdy.dev @bram.us @kizu.dev @utilitybend.com @joshwcomeau.com @ishadeed.com @css-only.dev @lea.verou.me (there’s so many this is just immediately what’s off the top of my head/feeds I follow)
January 7, 2026 at 7:09 PM
Yes! I can give you some recs. Lots of great web devs I follow. I also started doing email notifications for RSS so I don’t miss things for a select few :)
January 6, 2026 at 8:29 PM
Ooh add me to your list!
January 6, 2026 at 8:06 PM
Is it the colors one?! Great read!
January 6, 2026 at 8:00 PM
💯
December 30, 2025 at 5:44 PM
I also think @bram.us has a hack for scroll-triggering with scroll driven animation which would have (at least a-single-version-of-chrome better browser support)
December 23, 2025 at 6:22 PM
Here's a demo doing what you're asking: codepen.io/una/pen/wBWv...

It has a header that stays in position until it reaches 40px of scroll. Then, at 40px, it animates away. When you start to scroll back up, the header animates back in.

I am off today but easily nerd-sniped 😆
Progressively Enhanced hidey bar with scroll-state(scrolled) + scroll-triggered animations start at 40px
...
codepen.io
December 23, 2025 at 5:57 PM
I see, so you want it to trigger on scroll direction but you don’t want it to start until 40px down? Maybe you can still use scroll-triggered animations to apply a custom property value for the translation amount at a trigger point, then override it with scroll state queries
December 23, 2025 at 5:10 PM
You can do this with scroll-triggered animations (see latest blog post on Una.im)
December 23, 2025 at 1:11 PM
See also “Workday” and name@ 😆
December 18, 2025 at 2:25 AM
Interesting idea. I proposed isolation mode a while back for devtools
December 17, 2025 at 11:31 PM
I got you 😉
December 17, 2025 at 8:39 PM
I just built a demo of this for a blog post yesterday :)

codepen.io/una/pen/xbVo...
Progressively Enhanced hidey bar with scroll-state(scrolled)
...
codepen.io
December 17, 2025 at 8:09 PM