Jquery - 动画，扩展/调整左侧而不是右侧

Question

所以我有这个图像，我想在鼠标悬停时放大，所以我有这样的东西。

$('#something').animate({
            width: bigger-than-now,
            height: bigger-than-now
          });

但是当我想让它向左下方扩展时，我发现它总是向右下方扩展？有谁知道我怎么能做到这一点？提前致谢！

即。好吧，如果我将css位置设置为绝对值，并且top，right = 0，我确实发现它会做左下角。但是我希望在我的案例中有相对定位。

Answer 1

如果您不想使用绝对位置，可以为图像提供一个较大的初始填充，然后在您希望图像扩展的方向上减少该填充。

<强> CSS

#something {
    height: 100px;
    width: 100px;
    padding-top: 10px;
    padding-left: 10px;
}

jQuery增长10px到顶部和左侧

$('#something').animate({
    width: 110,
    height: 110,
    paddingTop: 0,
    paddingLeft 0
});