Question

我有一个问题是设置聊天div的从上到下的高度.animate()。我有.userChatWrapper position:fixed和bottom:0（所以单独的聊天是强制留在视口内）并且在其内部.userChat div。在#minimize上，它应该复制Google聊天的行为（向下滑动到40px（标题的高度），延迟，然后向下滑动到4px）。它适用于设置为.userChat的{{1}}，如JSFiddle-absolut所示，但position:absolute向上滚动，变得混乱，如JSFiddle-relative所示。相对定位很方便，因为我可以position:relative float:right div，因此当对话启动时，它们会显示在彼此旁边。有什么帮助吗？

Answer 1

内容/高度的正常流量是从顶部到底部增长，减小高度会将其减少到与该流量相反的方向。 position:absolute允许你在底部移动div的权重（使用bottom:0），实际上会改变增长的方向，这在你的第一个小提琴例子中看起来不错。

在你的第二个例子中，我建议动画bottom:-x而不是高度..这样的事情

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

Answer 2

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

jquery .animation（）高度方向

2 个答案: