CSS scroll-state() | Blog | Chrome for Developers

公開日: 2025 年 1 月 15 日 Chrome 133 では、コンテナクエリを拡張して、スクロール状態のコンテナクエリを導入しています。固定位置、スクロール スナップポイント、スクロール可能な要素のブラウザ管理状態を CSS からクエリして適応できるようになりました。 概要 スクロール状態のクエリが導入される前は、JavaScript を使用して、要素が固定されているか、スナップされているか、スクロール可能かを把握する必要がありました。現在、この情報を把握して適切に適応するための、よりパフォーマンスの高い方法が標準トラックで検討されています。また、アニメーションをトリガーする新しい方法として、CSS からスクロール トリガー アニメーションを解除することもできます。 Chrome 133 で利用できる状態クエリの概要は次のとおりです。 停止状態: 要素が端に固定されたときにスタイル