jquery .animation()高度方向
jquery .animation()高度方向
提问于 2015-03-30 22:03:47
我有一个问题，要设置.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，所以当会话启动时，它们就会出现在彼此的旁边。有什么帮助吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-03-30 22:53:56
内容/高度的正常流动是从上到下增长，降低高度将使其减少到与该流量相反的方向。position:absolute允许您在底部移动div的重量(使用bottom:0)，并且实际上改变了增长的方向，这就是为什么在您的第一小提琴示例中它看起来很漂亮。
在第二个例子中，我建议用动画来代替bottom:-x的高度。像这样的东西
yourdiv.animate({bottom:'-390px'},"slow").delay(500).animate({bottom:'-410px'}); Stack Overflow用户
发布于 2015-03-30 22:09:42
尝试使用.slideToggle()和其他幻灯片动画。slide.asp
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29357168
复制相关文章
相似问题
腾讯云开发者
