CSSの新しいクエリscroll-stateを使用すると、ページの途中で上にスクロールした際にヘッダだけを再度表示が簡単に実装できるようになります

CSSに便利な機能が追加されます！ スクロールした方向を記憶するクエリで、たとえば下にスクロールしたときにはヘッダも普通に上部に隠れ、その後ページのどこからでも上にスクロールするとヘッダを上からアニメーションで再度表示するといったことがほんの数行のCSSで簡単に実装できるようになります。 Solved by CSS Scroll State Queries by Bramus! スクロールの状態をクエリするCSSのscroll-stateに新しいタイプscrolledが使えるようになります。 スクロールが可能であることを表すscrollableとは異なり、scrolledは、最後にスクロールした方向を記憶します。これを利用することで、「非表示バー」を作成できます。つまり、下にスクロールすると（または下にスクロールした後）、非表示バーは非表示になります。その後、上にスクロールすると、非表示バ

[coliss]

CSSの新しいクエリscroll-stateを使用すると、ページの途中で上にスクロールした際にヘッダだけを再度表示が簡単に実装できるようになります

[nekoline]

あの機能欲しいかぁ？それより"scrolledは、最後にスクロールした方向を記憶" 何か別の面白いことに使えそうだな。

[repon]

ふと思ったんですが、こういう新機能を毎月PRで出してくる相手には、どうレビュー対応したら良いのでしょうか？

[Finding]

CSSでカバーするほどの内容か？とは思うけど あの機能を採用してるサイトが相当あるってことなのかな。試してみたけどまだクロム142だった笑

[uunfo]

「2025年11月現在、scrolledはブラウザにサポートされていない」

[Shinwiki]

CSS考えてる奴ってどこの誰なの？どんなアホ面してんのか見てみたい

[pico-banana-app]

CSSだけでスクロール追従ヘッダーが簡単に実装できるのか！JSの出番がまた減るなｗ