css - 获取即将到来的 CSS 过渡属性

Question

我正在用 React 构建一个接口(interface)，我想在更改类后获取 div 容器的属性(clientWidth 和 clientHeight)。

主要问题是宽度/高度属性有 0.2s 的 CSS 转换，所以每当我尝试检测( future 的)DOM 修改时，由于 React(使用 componentDidMount)或使用 MutationObserver，我在过渡开始之前获取 clientWidth 和 clientHeight。

理想情况下，我希望获得将在转换后应用的属性，以便我可以重新渲染子组件并为它们提供 future 所需的宽度/高度。

请问有什么好的方法吗？我提前谢谢你:)

Answer 1

您可以为 css 转换结束编写触发器:https://davidwalsh.name/css-animation-callback

因此您可以等待高度和宽度检测，直到触发此事件。