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

时间:2019-08-10 00:22:52

标签: jquery

在jquery中,我有两个相互连接的可排序列表,彼此堆叠在一起,因此从视觉上看,它们似乎是一个大列表。唯一的问题是,由于我需要在顶部列表上有一个最小高度来放置项目(即使它是空的),因此将项目从底部列表移到顶部空白列表会导致合并列表的外观突然“向上移动”,因为item会填充ul当前的空白空间,而不是扩展到其下方。

我需要一种在空的情况下将项目拖放到列表中的方法,同时仍在放入的第一个项目上扩展列表区域,因此不会造成这种影响。

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

min-height: 30px;

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

1 个答案:

答案 0 :(得分:0)

找到了解决方案;我想得太多了。只需在第一个列表的顶部添加填充,而不要使用min-height:

padding-top: 30px;

https://jsfiddle.net/5p0adsf8/