Jquery 将DIV居中并在同一动画中放大？

我在文档上有一个

位置：绝对
DIV。
我希望它（无论它在文档上的什么位置）在增长到一定大小的同时到达中心（所有内容都处于动画状态）
我尝试使用jQuery的动画：

$('#el').animate({
        width: 600,
        height: 600,
        top: "-20%",
        left: "-50%"
    },1200);

有很多变化，但我无法确定数学应该如何进行。
您需要根据当前窗口的宽度和高度计算顶部和左侧，根据需要减去目标DIV和高度，然后将结果除以2得到中心点

例如，要计算当前窗口宽度为1200像素且DVI目标宽度为600像素的左侧位置，可以执行以下操作：
（WindowWidth-DivTargetWidth）/2=左位置；
(1200 - 600) / 2 = 300;

这同样适用于根据相关高度值计算顶部位置

以下方面应起作用：

var targetWidth = 600;
var targetHeight = 600;
var targetTopPosition = ($(window).height() - targetHeight) / 2;
var targetLeftPosition = ($(window).width() - targetWidth) / 2;

console.log(targetTopPosition);

$('#el').animate({
    width: targetWidth,
    height: targetHeight,
    top: targetTopPosition,
    left: targetLeftPosition
}, 1200);​

-定心并放大DIV
这是上面演示的链接。
Div left position=（窗口宽度-Div宽度）/2@Tomergal：让我知道这是否对您有效，或者您是否需要任何其他帮助。