Una Kravets • 12/17/2025

Directional CSS with scroll-state(scrolled)

Read Original

This article introduces the new CSS `scroll-state(scrolled)` container query, available in Chrome 144. It explains how to use the query to apply styles based on the user's last scroll direction (up, down, left, right) and demonstrates practical implementations, such as creating a hide/show header bar for better screen real estate management.

0 comments
#Frontend #css #container queries
Directional CSS with scroll-state(scrolled)

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

1
The Beautiful Web
Jens Oliver Meiert • 2 votes
2
When your coding agent doesn’t understand your project, you’ll get junk
Benjamin Cane • 1 votes
3
LLM Use in the Python Source Code
Miguel Grinberg • 1 votes
4
Wagon’s algorithm in Python
John D. Cook • 1 votes
5
An example conversation with Claude Code
Dumm Zeuch • 1 votes