jquery .animation()高度方向

Question

我有一个问题，要设置.animate()的高度，从上到下，聊天div。我有.userChatWrapper和position:fixed和bottom:0 (因此单独的聊天是被迫停留在视口内的)，而在它的内部，.userChat div。在#minimize上，它应该复制Google的行为(滑动到40 4px(标头高度)，延迟，然后滑到4px)。它与设置为.userChat的position:absolute一起工作，如这里所示，JSFiddle-绝对，但是position:relative是向上滚动的，并且变得混乱，如这里所示的JSFiddle-亲属。相对定位非常方便，因为我可以使用float:right .userChat div，所以当会话启动时，它们就会出现在彼此的旁边。有什么帮助吗？

Answer 1

内容/高度的正常流动是从上到下增长，降低高度将使其减少到与该流量相反的方向。position:absolute允许您在底部移动div的重量(使用bottom:0)，并且实际上改变了增长的方向，这就是为什么在您的第一小提琴示例中它看起来很漂亮。

在第二个例子中，我建议用动画来代替bottom:-x的高度。像这样的东西

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

Answer 2

尝试使用.slideToggle()和其他幻灯片动画。slide.asp