使用容器滚动状态查询

容器滚动状态查询是一种容器查询类型。与基于容器大小选择性地应用样式到后代元素不同，滚动状态查询允许您基于容器的滚动状态选择性地应用样式到后代元素。这可能包括容器是否部分滚动、是否吸附到滚动吸附容器祖先元素，或者通过position: sticky定位并粘附到滚动容器祖先元素的边界。

本文将解释如何使用容器滚动状态查询，并通过每种类型的示例进行演示。本文假设您已经了解容器查询的基础知识。如果您是容器查询的新手，请继续阅读前先了解CSS容器查询。