CSS Scroll-State Container Queries

I am new addition to the CSS container queries family, and I allow you to determine directly within CSS, for example, whether a specific container is being scrolled or whether it has reached the beginning or end of its content.

And that’s not all—this functionality brings previously standard JavaScript techniques into the realm of styles, opening up new possibilities for creating interactive elements without the need for scripting.

I’ll explain how scroll-state queries work, show practical examples of their use, and highlight the potential limitations of this new feature.