Javascript 带溢出的jQuery UI可排序div:auto

我有两个可排序的列，它们放置在div上，具有固定高度和

溢出：auto

当我试图将最后一个项目从左栏移动到右栏时，我需要一直向下滚动，拿着项目并与他一起向上滚动。当我到达右栏的第一个项目时，我不能将我的项目放在那里，直到我将他悬停在左栏的项目上

我感觉我拖动的某个项目的某个焦点正在移动，当我经过他原来的专栏时，他又回来了

有什么想法吗

---

当您将一个项目直接拖动到右列时，而不是将其拖动到左列上方时，就会出现问题。这是一个错误吗？

对不起，我不完全确定问题出在哪里。是否希望能够将左列的项目拖动到右列，而不必一直滚动到顶部

如果是这种情况，请尝试以下方法：

#包装器{
高度：300px；
溢出：自动；
}
#列表1，#列表2
{
宽度：200px；
浮动：左；
边框：纯色2px黑色；
边缘底部：20px；
填充底部：50px；/*感谢您的回答，但第一个不是我的情况。我总是有一个占位符，这不是问题。第二个对我没有帮助，因为我无法使用包装高度。项目会动态添加到列表中，因此我无法获取所有场景的高度。如果动态设置包装高度会怎么样r当一个新项目被添加到列中时？不，高度是通过一些逻辑动态计算的。我不能玩它。
#wrapper{
    height: 300px;
    overflow: auto;
}

#List1, #List2
{
    width: 200px;
    float: left;
    border: solid 2px black;
    margin-bottom: 20px;
    padding-bottom: 50px; /* <--added this */
}

#wrapper{
    height: 470px; /* <-- changed this to 470px */
    overflow: auto;
}

#List1, #List2
{
    width: 200px;
    float: left;
    border: solid 2px black;
    margin-bottom: 20px;
    height:100%; /* <-- added 100% height */
}