.将jQuery设置为朝向图像底部而不是顶部的动画

我试图做与函数相反的事情

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

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

---

它对我的图像具有完美的效果，但我希望动画向图像底部而不是顶部收缩一个可见的区域。这可能吗

您只需要找到某种方法将图像固定到相关区域的底部。例如，可以通过将容器设置为

position:relative

，将动画元素设置为

position:absolute

，以及

bottom:0

来实现这一点。您只需找到某种方法将图像固定到相关区域的底部即可。例如，可以通过将容器设置为

位置：相对

，将动画元素设置为

位置：绝对

，以及

底部：0

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

position:relative;
bottom:0px;

---

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

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

position:relative;
bottom:0px;

---

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

我为你准备了一把小提琴：

CSS：

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

---

我为你准备了一把小提琴：

CSS：

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

---

您可以使用带有

底部：0px的绝对位置。感谢您的快速响应！我最终找到了另一个暂时有效的解决方案，但如果我有任何问题，我将尝试所有这些解决方案。您可以使用带有
bottom:0px
的绝对位置。感谢您的快速响应！我最终找到了另一个暂时有效的解决方案，但如果我有任何问题，我将尝试所有这些方法。我构建了下面的函数，使图像向下动画化，与缩短高度正好相反。将“高度”设置为0，“顶部”设置为“+=”以及图像的高度$制作动画（{高度：'0px'，'top:“+=75px”}）；我构建了下面的函数，使图像向下设置动画，与缩短高度正好相反。将“高度”设置为0，“顶部”设置为“+=”以及图像的高度$制作动画（{高度：'0px'，'top:“+=75px”}）；