CSS |动画div从显示内容到块的高度变化:无

文章/答案/技术大牛

发布

0回答

html、css

我有一个弹出式div。它有一个表单，底部是一条错误消息。错误消息变为display:none when not active。显示时，它会更改弹出窗口的大小(使其更高)。我希望这种过渡是平稳的，而不是瞬间的。这是我尝试过的： -moz-transition: height 1s ease-in-out, left .5s ease-in-out; -webkit-transition大小时起作用，但在将div的</e

浏览 6提问于2016-12-19得票数 2

1回答

jquery动画事件在事件被触发时自动关闭

jquery、jquery-ui、drupal、jquery-animate

).click(function() { $('#feedback').css': '50px 50px 0', }); $('#feedback .title').css&

浏览 7提问于2012-12-15得票数 0

回答已采纳

1回答

在分区中调整大小的混合内容(图像/文本)

html、css、image、resize

我正在尝试建立一个系统，用户可以在这个系统中更改显示的图像/文本组合的大小(比如“Ex附录#.#”之类的东西)，在这个系统中，图像将缩小到它需要的任何大小，而不会将周围的内容推开到包含的范围之外。然而，我尝试过的每一件事都有这样或那样的问题，并且考虑到我正在处理的图像可以是各种大小的，我需要一个解决方案来处理所有的情况。这似乎是一个简单的问题，但无论出

浏览 2提问于2015-07-17得票数 2

回答已采纳

4回答

CSS3转换到高度自动进入高度0第一

css、height、css-transitions

，根据内容的不同，它的高度将是~550 of。我使用open添加了jQuery类，并且我希望在使用CSS3转换的200 in中，高度会从100 in变化到~550 in。然而，确切的情况是，高度从100 0px变化到0 0px，然后跳到~550 0px。如果我将.open改为height:550px，那么这个，但是内容<

浏览 12提问于2013-04-10得票数 5

回答已采纳

1回答

Div动画自动高度

javascript、html、dom、dynamic、animated

我在JavaScript工作，无法使用任何库，如J查询或CSS动画。通过设置innerHTML值动态更改内容。这是很好的工作，但分区的大小变化是紧张和没有吸引力的。我想用动画来描述身高的变化。我看到了很多涉及这个主题的代码，但是所有的解决方案都是基

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

回答已采纳

2回答

webkit- div的过渡高度，可以根据内容动态改变高度？

css、webkit、transitions

请参阅以下jsFiddle -webkit-transition: all 1s linear;谢谢

浏览 3提问于2011-07-06得票数 22

2回答

如何使用CSS动画淡出div幻灯片？

javascript、html、css、css-animations

我制作了一个简单的幻灯片，div的一个放在另一个上面。我用display:none或display:block切换显示的display:none。class="content-container"> <div id="

浏览 6提问于2022-08-16得票数 2

回答已采纳

3回答

显示/隐藏/添加元素时包装器的CSS转换

javascript、css、css-transitions、jquery-effects

我有一个div，其中包含一些隐藏的元素和一些可见的元素。<div class="wrapper"> <div id="inner1">Hallo1</div

浏览 0提问于2012-11-04得票数 0

回答已采纳

1回答

如何在AMP中创建像Bootstrap这样的可折叠组件？

twitter-bootstrap、twitter-bootstrap-3、bootstrap-4、amp-html、collapse

我试图创建一个像Bootstrap一样的平滑动画在AMP中可折叠。现在，我可以通过切换一个类并使用CSS调整一些高度来创建一个可折叠对象，但是如果我这样做，我将为所有可折叠对象指定一个固定的高度，而且由于内容高度对于所有的块都不是相同的，所以我不能给出高度。在JavaScript中，我可以计算内容的高度，并相应地对高度进行<em

浏览 11提问于2019-05-18得票数 0

2回答

盖瑞-隐藏缩略图旋转木马

javascript、css、slideshow、image-gallery、galleria

我们使用Galleria ()从一组用户选择的图像动态生成幻灯片。用户还可以选择一些选项，如高度、宽度、过渡速度、显示/隐藏缩略图旋转木马等，这些设置都应用于Galleria选项。现在，当用户选择隐藏旋转木马时，我设置了相关选项，使旋转木马中的缩略图消失。然而，容器div ( css类galleria-缩略图-容器)仍然占据一些空白。我尝试更改这个类的一些css属性，以及-任何运气。在选择di

浏览 3提问于2012-02-16得票数 2

回答已采纳

2回答

如何进行流体盒过渡

java、jquery、html、css、animation

我想当你点击单选按钮来改变内容时，当方框改变高度时，就有一个流畅的过渡。

浏览 3提问于2013-12-25得票数 4

回答已采纳

4回答

获取div的原点高度

jquery、css、height

我设置了div的cssoverflow:hidden;$(function(){ $('.detail').data('originHeight',$('.detail').height

浏览 6提问于2009-05-06得票数 0

回答已采纳

1回答

引导崩溃不是第一次被动画化，而是在第一次之后有一个抖动的动画。

jquery、html、css、twitter-bootstrap

因此，当第一次折叠时，引导折叠只不过是动画而已，就像我使用javascript将显示从“无”更改为没有动画的块，然而，当可折叠元素被隐藏时，没有抖动，而且所有事情都是正常的，这让我感到惊讶，但在那之后，这是小提琴：<div class="container-

浏览 2提问于2016-08-06得票数 2

回答已采纳

2回答

如何提高汽车高度？

jquery、css、slider

我有个内容滑块..。检查小提琴上的测试用例。我想要实现的是，当我滑到一个(任何) .page_content时，网页需要调整高度到当前列(面板或其他什么)....now，显然它会调整到最高的面板.请假设内容是动态加载的，所以我先做幻灯片，然后将内容加载到.(反之亦然.为了状态指示的目的)....so我不知道面板的高度，就像在这个测试案例中.我不想删除内容已经加载(

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

回答已采纳

1回答

基于容器高度/宽度的容器展开动画

html、css、blazor

我有一个容器，它基于input显示list字段。用户在显示的字段中更改数据，会或多或少地出现input。问题是容器立即改变了所需的大小，这是令人不快的。我想要一个动画来缓解尺寸的变化。</div>新的user-data很好地消失了，但是my-card在没有动画的情况下做出了改变。my-card会在第一次加载时进行<e

浏览 1提问于2021-01-06得票数 0

回答已采纳

1回答

页脚动画和jQuery？

jquery、html、css、footer、sticky-footer

我有一个页脚，我保存在我的页面底部使用。我希望我的页脚开始折叠，当用户单击按钮时，我希望它展开，然后将“展开”链接与页脚div中的另一个容器div交换。我如何使用jQuery、HTML和CSS来完成这一任务？我想让页脚从大约20 to的高度开始。在页脚中，应该有一个按钮(我猜是一个链接)，上面写着“更多”或“关于”。当用户单击时，页脚应该会变得更高，并显示一个更精细的div</em

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

回答已采纳

3回答

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

jquery、css、animation

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

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

回答已采纳

1回答

是否在悬停时截获显示更改？

javascript、css

我有一些元素，在悬停时，切换子ul的显示(无/块)。不幸的是，我不能通过CSS和display转换淡入淡出。使用不透明度也不起作用，因为悬停区域扩展到不透明度:0 ul，两者的组合(过渡不透明度，但仍然切换显示)似乎不起作用。有没有办法通过Javascript截获显示变化，并让它在块和无之间淡入淡出？是否有其他建议(我也尝试了高度:0

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

回答已采纳

1回答

将div的内容垂直扩展到布局中的容器末尾的一些CSS问题。

html、css、layout、xhtml

我正在创建一个HTML\CSS无表格布局，从psd文件开始，我有一个小问题。这是我将获得的最后一个结果：这是我的HTML\CSS结果：如您所见，我对左边的侧边栏有一些问题，因为最后一个蓝色框( #c div)没有垂直扩展到#容器div的末尾，因此与页脚背景不匹配。我找到的“解决方案”(但这不是一个正确的解决方案)是增加我的侧边栏<e

浏览 1提问于2013-07-09得票数 1

2回答

当其他内容大小改变时动画div位置

javascript、css、html

我有一个content div，另一个div位于第一个的下面。第一个div的内容动态变化，其高度根据需要变化。通常，当第一个div的高度改变时，第二个div的位置会自动上下颠簸。如何使第二个div的移动动画化，最好只使用CSS和JS (没有jQuery)？这是一个视觉效果：

浏览 1提问于2012-04-30得票数 1

回答已采纳

点击加载更多