# Directional CSS with scroll-state(scrolled)

DevFeed: [Directional CSS with scroll-state(scrolled)](<https://devfeed.tech/articles/directional-css-with-scroll-state-scrolled-28838.md>)

Original publisher: [Read original article](<https://una.im/scroll-state-scrolled/>)

Published: 2025-12-17T00:00:00Z

Content type: tutorial

Language: en

Sources: [Una Kravets](<https://devfeed.tech/sources/una-kravets.md>)

Topics: [CSS](<https://devfeed.tech/topics/css.md>)

Tags: [css](<https://devfeed.tech/tags/css.md>)

## AI overview

This tutorial explains how the CSS scroll-state(scrolled) query can style descendants according to the most recent scroll direction. It covers supported direction values and demonstrates hiding and revealing navigation bars with fixed or sticky positioning.

## Source excerpt

Style based on scroll direction with this new scroll-state query feature.