有没有一种优雅的方法在jQuery.animate（）中使用百分比？

Question

我花了很多时间寻找在.animate（）中使用百分比的解决方案，但我找不到。

通常情况下，我可以使用像素，但我希望为响应缩放的图像制作动画，所以除非我用百分比定位它们，否则当屏幕缩小或增长时，它们不会保持它们的位置。

这是我到目前为止所使用的内容，但它将元素百分比更改为像素，并且已经关闭了几个。

// calculate the percentage to px for jQuery .animate()
var yPos = $this.data('offsetY');  // original percentage value for top:
yPos = ($this.width() * (yPos / 100));
$this.animate({ "top": yPos }, 800);

不幸的是，这会将元素位置设置为像素，因此如果用户缩小屏幕或倾斜设备，图像位置将无法像使用百分比值那样正确缩放。

有没有优雅的解决方案可以解决这个问题？

感谢。