动画DIV的高度以适应动态加载的内容

网络研讨会

DIV它的内容(另一内DIV)可以被改变。我想要达到以下效果:

  1. 淡出当前内容。

  2. 对DIV的高度进行动画处理以适合新内容的高度。

  3. 淡入新内容。

网络研讨会

看到这个小提琴:

http://jsfiddle.net/WNS3B/

这可以通过使用jQuery和fadeOut方法的后备功能来实现。

$('.one').fadeOut(function(){
    $('.p').css('height', oldH); // keeping parent from collapsing
    $('.p').animate({"height": newH});
    $('.two').delay(300).fadeIn();
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

动画DIV的高度以适应动态加载的内容

来自分类Dev

Bootstrap div无法根据内容适应高度

来自分类Dev

使div动画但保持高度动态

来自分类Dev

动画div的高度以显示整个内容

来自分类Dev

如何使div高度或位置适应其内容的相对位置

来自分类Dev

加载内容后如何获取div的高度?

来自分类Dev

加载内容后如何获取div的高度?

来自分类Dev

加载内容后动画div元素大小

来自分类Dev

加载内容后动画div元素大小

来自分类Dev

自适应/等于div高度

来自分类Dev

如何使用动态标题div设置内容区域div的高度

来自分类Dev

如何使用动态标题div设置内容区域div的高度

来自分类Dev

图像仍在加载时如何设置div的高度动画?

来自分类Dev

孔面板的发光高度无法适应内容

来自分类Dev

通过javascript中的动态内容查找div的最大高度

来自分类Dev

如何根据内容动态设置 div 的宽度和高度

来自分类Dev

使多个div适应其父DIV高度

来自分类Dev

使多个div适应其父DIV高度

来自分类Dev

拉伸div以适应其内容

来自分类Dev

div的动画高度

来自分类Dev

CSS中的动态高度动画

来自分类Dev

扩展内部div的高度以适应外部div的高度

来自分类Dev

修复自适应网页中的DIV高度

来自分类Dev

div高度动态

来自分类Dev

div动态高度

来自分类Dev

使div动态更改高度

来自分类Dev

div内容的最大高度

来自分类Dev

div内容的最大高度

来自分类Dev

使用选择列表动态加载div中的内容