Intent to Prototype: @scroll-state scroll-direction support

92 views
Skip to first unread message

Munira Tursunova

unread,
Apr 30, 2025, 6:26:16 AMApr 30
to blink-dev

Contact emails

moo...@google.com

Explainer

https://github.com/w3c/csswg-drafts/blob/a06df07e696169cc4d0363aadd118cb8927e2b9d/css-conditional-5/scroll_state_explainer.md

Specification

None

Summary

Allows authors to style descendants of containers based on the scrolling direction. Example: .scrolling-up { translate: 80px 0; transition: 0.4s translate; } html { container-type: scroll-state; } @container scroll-state(scroll-direction: top) { .scrolling-up { translate: 0 0; } }



Blink component

Blink>CSS

Initial public proposal

https://github.com/w3c/csswg-drafts/issues/6400

Search tags

@scroll-state, scroll-direction, scroll-state-container-queries

TAG review

None

TAG review status

Pending

Risks



Interoperability and Compatibility

None



Gecko: No signal

WebKit: No signal

Web developers: No signals

Other signals:

WebView application risks

Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications?

None



Debuggability

None



Is this feature fully tested by web-platform-tests?

No

Flag name on about://flags

None

Finch feature name

None

Non-finch justification

None

Requires code in //chrome?

False

Tracking bug

https://issues.chromium.org/issues/414556050

Estimated milestones

No milestones specified



Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5083137520173056?gate=5184134682771456

This intent message was generated by Chrome Platform Status.
Reply all
Reply to author
Forward
0 new messages