jQuery Animate Div向后调整大小

Question

我有一个空div我想用jQuery调整大小，这是我到目前为止使用的代码：

$('#container').animate({ height: '-=350px'}, 1000); 

它工作正常，但我需要它从上到下动画，此时div的底部向上移动页面，但我需要div的顶部向下移动页面，我怎么能实现这一点？

Answer 1

使用jQuery动画，它非常漂亮。

只需将top属性添加到动画对象：

$('#container').animate({ height: '-=350px', top: '+=350px'}, 1000);

这将导致div的顶部以与高度上升相同的速度下降，从而产生从顶部而不是从底部“关闭”的错觉。