Container scroll-state queries

Container scroll-state queries with the @container scroll-state(...) at-rule apply styles to an element based on the sticky positioning, snapped, and scrollable state of the container.

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

133

Supported

Mozilla Firefox

—

Unsupported

Apple Safari

—

Unsupported

Microsoft Edge

133

Supported

Mobile Browser Engine Support

Chrome Android

133

Firefox Android

—

Safari iOS

—

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.at-rules.container.scroll-state_queries ↗ css.at-rules.container.scroll-state_queries.scrollable ↗ css.at-rules.container.scroll-state_queries.snapped ↗ css.at-rules.container.scroll-state_queries.stuck ↗ css.properties.container-type.scroll-state ↗