Question

我正在制作一个应用程序，可以在其中拖动从一个图块拖到另一个图块的“怪物”。但是，当我想从创建怪物的div拖动到实际的板中时，第一个div只会扩展，看起来图像在另一个div下方移动，但是我不认为这是正在发生的事情。

左边的图块是图像的原始位置，右边的一点是我要去的图块。在第一张图片中，图像应该是我的鼠标。在第二张图片中，我的鼠标稍微偏右，但是正如您所看到的，图像似乎位于右边的div下方，但实际上它只是扩展了当前的div。

我曾尝试寻找答案，但我不知道如何命名此问题。这些图像使问题有点显现。香港专业教育学院已经尝试设置最大宽度，但没有效果。 https://imgur.com/cOLP034 https://imgur.com/w6rTjpG

当“对象/图像”移动时会发生这种情况

function moveAt(pageX, pageY) {
  let configuratorOffsetHeight = configuratorFormOffsetHeight - event.pageY + configuratorHeaderOffsetHeight;
  value.style.left = pageX - shiftX + 'px';
  value.style.top = pageY + configuratorOffsetHeight - shiftY + 'px';
}

Answer 1

我已通过从div中删除作为子级的图片并将其附加到占据整个屏幕的“主” div来解决此问题

Javascript拖放可扩展当前div

1 个答案: