jquery - 从底部滑动div

Question

我有一个 640x480 的 div，它在我的 HTML 页面中垂直和水平居中。我想要一个 div 从 div 的底部边缘出现。我希望该 div 为 640x400。本质上，可以看到原始 div 的顶部 80px。

我的问题是，如何让新的 div 从居中的 div 的底部边缘出现？

Answer 1

我没有你的 css，但我建议你将你的中心 div position:relative;然后你使 div 那应该是绝对动画的。在此处使用动画的工作示例 http://jsbin.com/iqewuh/3/editCSS:

#i {
  width:640px;
  height:480px;
  background:red;

  position:relative;
}

#y {
  position:absolute;
  background:green;
  bottom:0;
  width:640px;
}

HTML:

<div id="i">
    <div id="y"></div>
</div>
<a href="#!" id="animate">Animate</a>

Js:

$(document).ready(function() {
  $("#animate").click(function() {
    $("#y").animate({
      height: '+=400'
    }, 5000);
  });
});