Web platform features explorer

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.

Status

Limited availability

MDN documentation

Specifications

Browser support

  • Chrome 133 Released on 2025-02-04
  • Chrome Android 133 Released on 2025-02-04
  • Edge 133 Released on 2025-02-06
  • Firefox ❌ See bugzil.la/1931980
  • Firefox for Android ❌ See bugzil.la/1931980
  • Safari ❌
  • Safari on iOS ❌

Surveys

Usage (according to Chrome Platform Status)

~0.403% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer votes

👍
42

Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist