jquery 向下动画（100% 元素高度）答案

【问题标题】：jquery animate down (100% element height)jquery 向下动画（100% 元素高度）
【发布时间】：2012-02-16 02:05:50
【问题描述】：

我想做的事情可以通过使用来完成：

 slideDown("fast");

但是，我不喜欢它显示元素的方式，我希望它是元素原始高度的 100%，然后向下滚动。我想知道是否有一种简单的方法可以做到这一点？除了可能更改 margin-top 等，然后将其动画恢复正常。

我想做的例子： http://jsfiddle.net/7dary/1/ 但是我想让它自动完成所有计算，如果它在页面底部，它不会显示在页面中间，我个人为它分配 -200px 或其他东西。

【问题讨论】：

标签： javascript jquery css jquery-animate slidedown

【解决方案1】：

解决方案：

var $element = $("#itemToSlide"); // make sure its visible
var height = $element.height(); // get the height when its populated
$element.css({marginTop:height*-1}); // set it to 0 with an overflow hidden

// trigger the animate now or later in an event
$element.show().animate({marginTop:0},2200);

链接：http://jsfiddle.net/MattLo/7dary/2/

【讨论】：

谢谢，但是你说它必须是可见的，那么它需要一开始是不可见的，然后被推到视图中
已更新，可见可能会产生不良的跨浏览器问题。
这是我正在寻找的效果，而不是您展示的示例。 jsfiddle.net/7dary/1 这很好用，但是我希望有某种方法可以自动执行此操作，而不必自己更改边距，因为 1：每个实例的高度会有所不同，而 2：大多数时候- 200px 只会出现在页面中间或其他地方。
试试这个更新的代码jsfiddle.net/MattLo/7dary/2我也更新了帖子