Post

There’s a new type of CSS scroll-state query coming: “scrolled”. This one remembers the last direction you scrolled into, which you can use to build “hidey bars”: when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.

The code for the demo is attached to this post. Yes, it’s that easy! You can try it out yourself in Chrome Canary with the experimental Web Platform Features Flag enabled: codepen.io/bramus/pen/q... The feature is expected to ship to Chrome Stable in Chrome 144.

This thread should have been a blog post (with kinda the same but a little bit more words and links): brm.us/hidey-bar-2 😉

I want to open up a bar called the hidey bar now.