RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconOpen Source Software IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit IconNotebook IconObservable Notebooks Icon
My google avatar.
devrel@google
notecss

My @container scroll-state() article is live!
developer.chrome.com/blog/css-scroll-state-queries

Stuck state:
  Triggered when an element is stuck.
Snapped state:
  Triggered when an element is snapped.
Scrollable state:
  Triggered when an element is overflowing.

Join the conversation on

148 likes
25 reposts
  • Lindsay Wardell ????️‍⚧️
  • Paul
  • Javi Aguilar
  • MapleLeaf ????
  • Samir
  • Chris Armstrong
  • Mauricio
  • Stefan Ruzitschka
  • Marcos S.
  • Stephen Bell
  • Josh W. Comeau
  • Sherri Alexander
  • PK ???? ????????‍????
  • Bret Little
  • Hugo Campos
  • Alexander Lehner
  • Nick Schot
  • Joan Llenas
  • Jakob Rössner
  • Antonio Giroz
  • meduz'
  • Fynn Ellie Becker
  • kopilot
  • Tomasz Gil
#CSS scroll-state() container queries in Chrome 133! @container scroll-state(stuck: top) { … } Read all about snapped, stuck and scrollable in this post: developer.chrome.com/blog/css-scr... ↪ nerdy.dev/scroll-state...
Adam ArgyleAdam Argyle
finallyyyyyy
evaeva
Woah.
MohammedMohammed
Sorry Adam, but I have small phone issues again
Josh MaddenJosh Madden

Crawl the CSS Webring‽