拖放元素到容器失败，元素太多

Question

我尝试使用拖放功能将<li>元素从一个<ul>移动到另一个<ul>。我已经让它达到了一定程度。我的问题是，我不能放弃＆＃34;当<li>元素位于我的<li>容器中的另一个<ul>元素时，它就是weave元素。因此，当我填满容器的可见部分时，我再也无法拖放了。

这CodePen证明了我的问题。

Answer 1

如果你想要放弃目标，

不确定你想要实现的目标 放大以适应，然后确保在目标上设置CSS样式 文本大小使用px定义而不是pt specs。

然后每次下降时添加到您的drop例程以增加大小 通过1行文本的像素高度来放置目标。所以它增长了1 每一滴，或高度等于lineHeight x（numElements + 1） 总是给你留一个空间的空间

如果你试图维持一个固定大小的放置目标，即你不想要的话 要将其他元素向下移动，请采用上面提到的放置目标 并将其放在具有可滚动属性的固定大小div中。

这样你就有了一个可以如上所述增长的drop元素， 但是固定的div限制了屏幕的不动产，因此下降目标不会 占用比你想要的空间更多的空间

Answer 2

我解决了我的问题。我必须在handleDragOver函数中注释掉if语句，该函数检查event.target是否为dropzone元素。我还更改了handleDrop函数以使用event.currentTarget而不是event.target