获取即将推出的 CSS 过渡属性
Get the upcoming CSS transition properties
我正在用 React 构建一个接口,我想在更改 class.
后获取 div 容器的属性(clientWidth 和 clientHeight)
主要问题是 width/height 属性有 0.2s 的 CSS 转换,所以每当我尝试检测(未来)DOM 修改时,感谢 React (使用 componentDidMount)或使用 MutationObserver,我在转换开始前获得了 clientWidth 和 clientHeight。
理想情况下,我希望获得过渡后即将应用的属性,这样我就可以重新渲染子组件并为它们提供未来需要的 width/height。
请问有什么好的方法吗?
我提前谢谢你:)
您可以为 css 转换结束编写触发器:https://davidwalsh.name/css-animation-callback
所以您可以等待高度和宽度检测,直到触发此事件。
我正在用 React 构建一个接口,我想在更改 class.
后获取 div 容器的属性(clientWidth 和 clientHeight)主要问题是 width/height 属性有 0.2s 的 CSS 转换,所以每当我尝试检测(未来)DOM 修改时,感谢 React (使用 componentDidMount)或使用 MutationObserver,我在转换开始前获得了 clientWidth 和 clientHeight。
理想情况下,我希望获得过渡后即将应用的属性,这样我就可以重新渲染子组件并为它们提供未来需要的 width/height。
请问有什么好的方法吗? 我提前谢谢你:)
您可以为 css 转换结束编写触发器:https://davidwalsh.name/css-animation-callback
所以您可以等待高度和宽度检测,直到触发此事件。