我最近有一个类似的线程，但现在我需要为块的顶部设置动画。就像现在一样，它从底部和顶部都动画。
例如，我希望它缩小，所以为了得到我写的：
$('#yellow').animate({height:'50%'},500);
但它从顶部和底部位置都收缩到中心。
有没有办法让它只从顶部缩小50%？
如果这里有任何帮助的话
CSS：
#yellow{
height:250px;
width:500px;
background-color:yellow;
}
HTML：
<div id='yellow'></div>
您可以通过一些绝对定位将块粘在底部：
#yellow{
position:absolute;
bottom: 0;
height:250px;
width:500px;
background-color:yellow;
}
注意：它也需要定位它的容器。
这是在顶部位置收缩块的完整解决方案：
HTML：
<div id="yellow">sdsds</div>
CSS：
#yellow{ position:absolute; bottom: 0; height:200px; width:250px; background-color:yellow; }
查询：
$("#yellow").toggle(function() {
$(this).animate({
'height': '100px'
}, 500);
}, function() { $(this).animate({ 'height': '200px' }, 500); });
我还用解决方案创建了一个 bin，所以在 http://codebins.com/codes/home/4ldqpc8上试试这个