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

标签 css reactjs events properties transition

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

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

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

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

最佳答案

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

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

关于css - 获取即将到来的 CSS 过渡属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40886985/

相关文章:

Cargo Collective 站点的 jQuery 实现

javascript - 第 1 行第 1 列错误 : Document is empty

html - 在 css 中设置 <hr> 标签的样式

jQuery 背景图像位置

reactjs - 找不到模块 : Error: Can't resolve '@emotion/styled/base' when running story book

reactjs - 独立组件react和redux之间传递数据

javascript - componentDidMount 无法从父组件接收 props

events - 分布式系统: Keeping timestamp consistency between different nodes

java - 停止 JSF 事件链

JavaScript:跨浏览器取消事件