获取即将发布的CSS过渡属性

Question

我正在使用React构建一个接口，并且我希望在更改类之后获取div容器（clientWidth和clientHeight）的属性。

主要问题是宽度/高度属性的CSS转换为0.2s，因此每当我尝试通过React（使用componentDidMount）或MutationObserver检测（未来）DOM修改时，我就会＃39 ; m在转换开始之前获取clientWidth和clientHeight。

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

有什么好办法吗？ 我提前感谢你:)）

Answer 1

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

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