css - 动画高度的更好方法/替代方法

标签 css reactjs

所以我有一个图 block 列表,其中每个图 block 都能够在其下方展开一个框。当您展开此框时,下面的所有其他图 block 都应向下推,而当您关闭可展开时,应向上移动。我通过动画化可扩展的高度来实现这种效果。对于最后 10 个或某 block 图 block ,它工作得非常流畅,但是当切换最上面的图 block 时,动画一点也不流畅,我该如何解决这个问题?我正在使用 React 及其 CSSTransitionGroup。

最佳答案

我还没有看到你的代码,但也许你应该考虑用 React 切换 className 并用 CSS 进行高度转换,这将是一种优雅的方式。

关于css - 动画高度的更好方法/替代方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51103561/

相关文章:

html - 如何使复选框位于框中并包含文本

javascript - vue html 到 pdf 没有 html2canvas

.net - Docker中的.Net核心+ React + PostgreSQL

reactjs - React.js Material -ui : How to format Textfield as an amount

html - 如何在输入表单顶部对齐标签?

css - 为什么 grunt-contrib-less 找不到 Bootstrap 变量?

javascript - 使用 jQuery 获取元素的精确精确宽度

html - NReco imagegenerator 无法正确写入条形码

javascript - 在react js中将数据从子组件发送到父组件

javascript - child Prop 没有得到更新