Javascript Div的定位

我工作中有一个问题，请调查一下

这是我的小提琴

我有一个名为Dekey的可拖动Div，最初我设置了一个固定的

top

和

Left.

。起初，你可以看到拖拽的潜水艇触碰着山头。当我点击下方的创建按钮时，图像会被放大，可拖动div的位置也会改变。我不想改变可拖动div的确切位置。我该怎么做

代码 HTML

CSS

删除下面的行

$('#divSpot').children('div').css('transform', 'scale(' + 1/scale + ')');

这将导致第二次缩放可拖动div

当您为

id=“divSpot”

应用缩放时，它也会自动缩放内部元素，因此您无需再次为子元素提供缩放

---

我想你得做些数学题了

因为可拖动框的大小为59，大小乘数为.2（1.2-1）。因此，缩放后盒子大小的总增加量为59*.2=11.8。我们将拿走一半，因为增加是在双方。对于定位，我们将从左侧尺寸增加的一半平移可拖动框。 因此，我们将向左上角重新定位长方体5.9个单位。请核实一下，我可能错了

我添加了以下几行：-

var pos = $('#draggable').offset();

   $('#draggable').offset({top: pos.top - 5.9, left: pos.left - 5.9});

---

谢谢

@外星人先生，你能看一下吗？？？不要显示小提琴演示，把你的jquery代码放在这里。谢谢你的帮助，但我不想缩放孩子。@Deekey哦，好的。让我检查一下，我想保留子元素的原始大小，以及它相对于图像的精确位置。到目前为止，我得到了任何解决方案。谢谢你的帮助，这是一个很好的计算，但是当我更改可拖动div的宽度时，它完全下降了：(

#draggable { width: 50px; height: 50px; padding: 0.5em; }

$('#divSpot').children('div').css('transform', 'scale(' + 1/scale + ')');

var pos = $('#draggable').offset();

   $('#draggable').offset({top: pos.top - 5.9, left: pos.left - 5.9});