如何增加连接的可排序列表的放置区域,但仍增加第一项的列表高度



在jquery中,我有两个连接的可排序列表堆叠在一起,因此在视觉上它们看起来像一个大列表。唯一的问题是,由于即使项目是空的,我也需要在顶部列表上有一个最小高度才能放入项目,因此将项目从底部列表移动到空的顶部列表会导致组合列表突然"向上移动",因为该项目填充了 ul 的当前空白空间,而不是扩展到它下面。

我需要一种方法在项目为空时将项目拖放到列表中,同时仍然扩展放入的第一个项目的列表区域,因此它不会导致这种效果。

我尝试使用不可见的列表项,但我不希望用户能够在其上方放置其他项。我不知道如何防止这种情况发生。

min-height: 30px;

https://jsfiddle.net/yLcpr0h2/1/

找到了解决方案;我想多了。只需在第一个列表的顶部添加填充,而不是使用最小高度:

padding-top: 30px;

https://jsfiddle.net/5p0adsf8/

最新更新