Fatal编程技术网
  • jquery/
  • jquery.animation（）高度方向

jquery.animation（）高度方向

jquery

jquery.animation（）高度方向,jquery,Jquery,我无法设置聊天室div从上到下的高度.animate（）。 我有.userChatWrapper和位置：fixed和bottom:0（因此，单独聊天被强制留在视口中）和它的内部，.userChatdiv。在上，最小化它应该复制Google聊天的行为（向下滑动到40px（页眉高度），延迟，然后向下滑动到4px）. 它与.userChat一起工作，如图所示，设置为位置：绝对，但与位置：相对一起向上滚动，并变得凌乱，如图所示。 相对定位很方便，因为我可以float:right.userChatdivs

我无法设置聊天室div从上到下的高度
.animate（）
。 我有
.userChatWrapper
和
位置：fixed
和
bottom:0
（因此，单独聊天被强制留在视口中）和它的内部，
.userChat
div。在
上，最小化
它应该复制Google聊天的行为（向下滑动到40px（页眉高度），延迟，然后向下滑动到4px）. 它与
.userChat
一起工作，如图所示，设置为
位置：绝对
，但与
位置：相对
一起向上滚动，并变得凌乱，如图所示。
相对定位很方便，因为我可以
float:right
.userChat
divs，这样在启动对话时，它们会出现在彼此旁边。

有什么帮助吗？
尝试使用
.slideToggle（）
和其他幻灯片动画。

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

在第二个示例中，我建议设置
底部：-x的动画，而不是高度。。像这样的


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



为什么不链接到jQuery文档而不是第三方文档？官方文档更经常地保持最新和相关。感谢评论@Jaak感谢评论。是的，你说得有道理。你认为这可能是问题的一部分吗？@Sterling，正如我所知（如果我错了，请纠正我），它提供的舒适度较低，它不像animate那样接受任何参数？除此之外，我总想知道我在这里做的事情是否真的错了，因为还有其他类似的情况…@somename.slideToggle只是使用。在引擎盖下进行动画制作，不会有什么区别^^