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

209 likes
38 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
  • Lani
  • Dani
  • Bruce Taylor
  • Perry Govier
  • Collin Berg
  • Mark Techson
  • Naomi
  • Cyd Stumpel
  • ???? Frontend Design & Development
  • Peeke
  • Okay Dev
  • Ayc0
  • Vadym
#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
Looks like a familiar issue ????
Adam ArgyleAdam Argyle
I was already hyped because I thought this might fix my issue. Sadly it doesn't. But cool anyway. Fixes some other issues of mine.
Jakob RössnerJakob Rössner
Hey @nerdy.dev, I recently watched your video with Kevin where you showed off a website called CSS Carousel Gallery, and I opened it up in Chrome Canary but I can't get seem to get any scroll stuff working. Are there some flags I need to enable? Cheers
yep! visit chrome://flags/#enable-experimental-web-platform-features in Canary and enable it. that'll turn on beta and prototype features (like carousel!)
Adam ArgyleAdam Argyle
Honestly though
Cat BallarCat Ballar
I needed this, thank you
claasclaas

@argyleink I want this so much for about 18 years now. ????

kaiserkiwi :kiwibird:kaiserkiwi :kiwibird:

Crawl the CSS Webring