.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;

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