jquery - .animate jQuery 朝向图像底部而不是顶部

Question

我正在尝试做与功能相反的事情

document.getElementById('testImage').style.height='75px';

$("#testImage").animate({
  height:'0px',
  width:'100px'
});

它对我的图像有完美的效果，但我希望动画将可见的图像缩小到图像的底部而不是顶部。这可能吗？

Answer 1

我得到了这个为你工作的小提琴：

http://jsfiddle.net/Ku6vV/

$("#testImage").animate({
  height:'0px',
  width:'100px',
    top:'300px'
});

CSS：

#testImage {
    position:relative;
    top:0;
}

Answer 2

您只需要找到某种方法将图像固定到相关区域的底部。例如，这可以通过将容器设置为position: relative、动画元素设置为position: absolute和来实现bottom: 0。

Answer 3

使用 CSS，为您的图像设置以下规则：

position:relative;
bottom:0px;

确保它的容器具有适当的高度。