React设置容器高度动画

文章/答案/技术大牛

发布

1回答

css、reactjs

当你点击一个按钮时，它会加载不同的文本文本的长度不同，因此灰色容器变得更高更短当文本变得更高或更短时，是否可以对灰色框进行动画处理 const [text, setText] = useState(

浏览 36提问于2020-08-27得票数 3

回答已采纳

1回答

动态内容高度扩展动画

html、css、reactjs、animation、css-transitions

当我的容器中有一些动态内容时，我对动画有问题，当React的状态发生变化时，动画就会发生变化。我在这里模拟的问候

浏览 1提问于2022-01-15得票数 0

1回答

JQuery .animate()在完成之前完成正在执行的函数

jquery、jquery-animate

有一个带有10px填充的容器div (#content)和它的content (#inner_content)。在执行此操作时，我希望容器div (#content)的高度通过动画调整为新内容的高度。因此，我设置了overflow:为容器div隐藏，当我加载新内容时，我获得它的高度，并将容器div动画设置为相同的高度。所以我在.animate()上放了一个完整的函数，在动画

浏览 1提问于2012-06-08得票数 1

回答已采纳

1回答

如何将最小高度设置为容器，并在单击按钮后，包装内容的高度与文本高度相等

android、flutter、expandable

我想显示更多的文本，设置动画到容器，我想设置最小高度到我的容器，然后设置动画来扩展我的容器。就像这张图片

浏览 0提问于2020-09-16得票数 0

回答已采纳

1回答

获取React组件中的子元素的高度

javascript、reactjs、dom

在React组件中，我希望能够计算每个子容器的组合高度，在本例中是三个h3元素，以便在设置父div高度转换的动画时计算父div的确切高度。我已经在basic js和组件挂载方法中看到过这样的例子，但是如何仅使用JavaScript获得这些元素的高度呢？ render() { <div> <

浏览 5提问于2017-10-22得票数 1

回答已采纳

1回答

jquery slideDown()动画在没有固定高度的容器中时是不稳定的

jquery、html

如果我在容器上设置一个固定的高度，动画就会像婴儿的臀部一样平滑。但如果我将其高度设置为自动，并让幻灯片动画推动容器的高度，就像我想要的那样，动画就会起伏不定--可能有五个“帧”。

浏览 0提问于2011-03-09得票数 0

1回答

如何使用GridUnitType.Star在栅格长度上执行动画？

c#、wpf

我正在使用下面的类在一些网格行高度上执行动画：{ }但是，当尝试使用GridUnitType.Star将行高度设置为任何动画时一种可能的解决方案是

浏览 12提问于2019-08-16得票数 0

回答已采纳

1回答

让[Stack]把它的孩子布置得像[Colum]

flutter、layout、stack、rebuild

问题:每当动画被激发时，列中的SizeTransition就会重新构建它。有了堆栈，一切都如预期的那样工作。

浏览 2提问于2022-10-21得票数 0

回答已采纳

2回答

当改变嵌入视图大小时，如何通过动画改变容器视图大小？

ios、swift、animation、autolayout、containers

1.容器有一个嵌入的视图。2.一旦动画改变了嵌入视图的高度，3.动画改变后，容器的高度也会和嵌入视图的高度一样改变。我已经尝试过"translatesAutoresizingMaskIntoConstraints = false“当嵌入视图大小更新时，有没有合适的方法用动画</e

浏览 1提问于2019-07-03得票数 0

1回答

尽管值相等，但单击事件会产生不同的转换延迟。

reactjs、css、css-transitions

我还将两者的转换延迟值显式地设置为0，这是肯定的。这是组件 constructor() { this.state = { collapse

浏览 1提问于2019-03-05得票数 0

回答已采纳

2回答

当容器高度改变时设置scollbars动画

jquery、css

所以我有一个带有overflow-y: scroll的容器。容器的高度可以改变，最常见的情况是它会减小。更改将使用jQuery进行动画处理。但是，当容器设置为动画时，滚动条将消失，并且仅在动画完成时重新出现。除了容器的动画之外，有没有办法改变滚动条的尺寸？这里有一个关于jsfiddle的例子：

浏览 1提问于2011-05-15得票数 3

回答已采纳

1回答

可以使用CSS动画动态高度吗？JS备选方案被接受

javascript、css、angularjs、css-animations

我想要完成的是在显示子对象时动画化容器的大小变化--隐藏的，这样就不会那么紧张了。因此，当容器设置为show时，显示设置为block。在这种情况下，我一直在阅读通过几页谷歌搜索来改变高度的动画，我所能找到的只是使用max-height将其从一个高度动画到另一个高度的例子，这些例子是由CSS规则静态定义的： #animated-div问题是，我没有打开/关闭一个容器，也没有预先确定的

浏览 6提问于2016-07-04得票数 1

1回答

在动画状态下同步div高度

html、animation、css

我在同步三个列(div-element)的高度时遇到了问题。其中一列是主内容容器。但是我在主内容容器中有一些动画，所以我希望在动画期间和之后将高度与其他两列同步。动画是CSS3Webkit-transition动画。并且动画不是发生在列本身中，而是发生在主内容容器的内容中。我尝试使用表，并将列的div高度设置为100%。问题是该列是在动画之后同步的。我希望它们在<

浏览 1提问于2011-02-09得票数 0

1回答

React.js设置CSS属性(类似于setState)

javascript、reactjs、velocity.js

In React.js，您如何显式地设置CSS？我有一个从完全高度开始的栏，然后通过动画缩小到0px的高度。请看下面的图片。但是，我无法从第3步过渡到第4步，因为高度已经是0。(与步骤1不同，步骤1的高度为初始值700 in )。如何显式设置CSS?这将允许我恢复初始700 me高度，这将允许正确地

浏览 0提问于2016-08-26得票数 0

回答已采纳

1回答

禁用一个视图的自动布局动画

ios

这一问题：容器视图中有两个UIViewControllers；VC1和VC2。当我将VC2推到VC1上时，我也用NSLayoutConstraint高度常数来改变FooterView的高度。我在一个动画块

浏览 2提问于2015-11-22得票数 8

回答已采纳

1回答

我使用opacity:0和visibilty:hidden，所以当这些元素被过滤时会有淡出动画。在淡出动画之后，我使用display:none将它们从div中删除。如果再次对其进行未过滤，则将其设置为display:block，并将opacity:1设置为使它们重新出现的动画。当使用display:none“删除”div的内容时，容器div的高度立即设置为它的新的较短的高度。我希望容器div用动画缩

浏览 6提问于2016-04-28得票数 5

回答已采纳

1回答

片段退出动画不运行

android、android-fragments、android-animation、android-transitions

当按下“后退”按钮时，我似乎无法运行退出动画。

浏览 2提问于2014-11-11得票数 1

3回答

JQuery/CSS3:设置自动高度更改的动画

jquery、css、animation

每当父容器发生变化时，我都需要对其高度进行动画处理。问题是它的高度被设置为auto，因此高度取决于内容。我想要实现的最终目标是，每当由于内容更改而导致高度发生变化时，都可以通过jQuery或CSS3对更改进行动画处理。我搜索过类似的主题，但我找到的只是如何将高度从固定值动画化为"auto“:(

浏览 7提问于2013-06-11得票数 13

回答已采纳

2回答

canvas.setWidth(NUMBER)扭曲对象

fabricjs

更改画布宽度canvas.setWidth(数字)后，对象会发生扭曲。我创建了一个演示，更改输入字段以更改画布大小。

浏览 4提问于2018-08-28得票数 0

回答已采纳

1回答

Bootstrap 4容器在React中使用时不能达到完全高度

html、css、reactjs、bootstrap-4

我正尝试在React中使用Bootstrap 4。怎样才能使容器占据100%的高度？我的React组件中的HTML： <div className="row">} background-color: orange;} 我希望集装箱(

浏览 0提问于2018-05-14得票数 2

点击加载更多