我在设置聊天div从上到下的高度.animate()遇到问题。 我有.userChatWrapperposition:fixedbottom:0 (因此,单独的聊天被迫留在视口内)和其中的.userChat div。 #minimize它应该复制Google聊天的行为(向下滑动至40px(标头的高度),延迟然后向下滑动至4px)。 它与.userChat设置为position:absolute ,如JSFiddle-absolut所示,但与position:relative向上滚动并变得混乱,如JSFiddle-relative所示。 相对定位很方便,因为我可以进行float:right .userChat div,以便在发起对话时它们彼此相邻出现。 有什么帮助吗?

#1楼 票数:1 已采纳

内容物/高度的正常流是从顶部到底部增长的,减小高度将使其与该流的方向相反。 position:absolute允许您在底部移动div的权重( bottom:0 ),实际上改变了增长的方向,这就是为什么在第一个小提琴示例中它看起来不错。

在您的第二个示例中,我建议为bottom:-x动画,而不是高度。

yourdiv.animate({bottom:'-390px'},"slow").delay(500).animate({bottom:'-410px'}); 

#2楼 票数:0

尝试使用.slideToggle()和其他幻灯片动画。 http://www.w3schools.com/jquery/jquery_slide.asp

  ask by aleksacavic translate from so

未解决问题?本站智能推荐:

1回复

闪烁的jQuery.animation()

我目前正在使用jquery-animate-colors来为边框的闪烁设置动画,但我认为我的代码可以使用一些清理。 有什么方法可以解决以下问题? 所以我试着让它只是两次打开和关闭边框颜色。 我发现尝试动画border-color ,除了十六进制代码之外你不能使用任何东西。 transp
1回复

jQuery提高animation()性能

我正在进行页面设计,该页面设计的左侧是1个大div,右侧是6个较小的div。 当我单击右侧div之一时,该div中的内容将移到左侧,而前一个大div将出现在右侧。 为此,我使用JQuery编写了一个动画,该动画将我的左侧div移动到我单击的元素的位置,将其隐藏,然后将其展开回其原始位置。
2回复

如何在jQuery中反转高度动画方向?

我有2个div,如下所示; 像 默认情况下,第2格的高度为0,但在鼠标进入第一个div时会扩展。 JavaScript是; 一切工作正常。 但是我想反转第二格的高度动画方向。 现在,在当前状态下,当鼠标进入第一个div时,第二个div从顶部滚动到底部,而当鼠标离开时,第二个di
2回复

jQuery使用Animation追加(或appendTo)

我有一个UL-LI例如 我想将其中一个项目移到列表中的另一个位置。 例如,项目2到项目-4之后。 通常我可以通过删除项目然后将其追加到另一个项目来完成此操作。 但我想通过动画在视觉上实现这一点。 如同,第2项下降到第4项之后。 我怎样才能做到这一点?
2回复

用Waypoint平滑滚动jquery(animation)

我正在尝试在新网站中平滑滚动。 查看此网站: http : //asher-gallery.com/ 我想将3个块链接到“ a href =#(。*)”,这样我就可以像这样平滑滚动: http : //asher-gallery.com/1/ 。 我更改参数并将其移动到块位置,但不设
2回复

jQuery.animation延迟问题

我在使用jQuery的.animation函数中的延迟时遇到问题,当快速移动框时,不会触发动画,但是当同一件事发生得很慢时,它将顺利进行。 在不破坏原始脚本的情况下,任何有助于增加500毫秒延迟的帮助都将非常棒,谢谢。 原始脚本无延迟: 延迟示例: http : //jsfiddle.
2回复

如何从中心启动jquery.animation

jQuery: HTML: 搭配款式: 如何使动画从中心开始而不是从左边开始?
1回复

javascript+jquery+setinterval+animation

我遇到了setInterval和jquery animate的问题。 这是我的代码: 当切换到另一个浏览器选项卡,并在一段时间后返回时,动画会毫不拖延地继续这样做,因为我已经离开选项卡,然后行动正确。 我添加了这些也没有任何运气: