Container scroll-state queries let you apply styles to elements based on the container's scroll state — stuck, snapped, or scrollable👇 .section-header { ... container-type: scroll-state; container-name: sticky-hd; } @ container sticky-hd scroll-state(stuck: top) { ... } #CSS

is this available on all browsers already?

Yes, its available

Thanks for the tip!

Appreciate it, curious how you are gonna use this?

the stuck/snapped/scrollable triad is the part that quietly unlocks a ton of UI patterns — sticky headers that restyle on stick without a scroll listener is the one i keep reaching for.

Unfortunately, it is only supported in Chromium based browsers except for both Safari and Firefox.