如何给HTML可拖动元素的重影图像赋予高度？

Question

我正在构建一个约会日历，其中一个人可以预订插槽和拖放插槽以更改时间。每个插槽都是可拖动的HTML元素。但我发现了一个问题，当我们尝试拖动小的插槽时，预览div或重影图像(我不知道它是否是技术术语)显示了下一个插槽的某些部分。在下图中，有4个不同的插槽。当我尝试拖动第一个插槽(绿色)时，第二个插槽的某些部分也显示在重影图像中。

我的猜测是，鬼影图像的大小有一些最小高度属性，并且可以控制？我可能是错的，我很感谢那些能帮助我解决这个问题的建议。

​

​

Answer 1

如果不看实际的代码，就很难帮到你。

也许你拖错了元素，也许你为了显示“幽灵图像”而克隆的东西是错误的，或者可能是完全不同的东西。

如果一切都是正确的，并且仍然发生，这可能与您的元素的css有关。但是，在没有看到任何代码的情况下，这只是一种猜测。

如果你想要一个快速的解决方案，只需给你的幽灵元素设置一个固定的高度(和你拖动的那个元素一样高)，并将它的overflow属性设置为hidden。它是有效的，但我宁愿把自己从悬崖上扔下去，也不愿像那样实际解决问题。

如果你做了jsfiddle，我很乐意帮你。