Javascript jquery sortable（）带有两个带溢出的div:auto；物体消失

我想要两个有UL/LI列表的div，在那里我可以将图像从一个拖放到另一个。一切都很好，但当我有很多对象时，我希望一个div得到一个scollbar，另一个自动增长。我通过设置overflow:auto来实现这一点

但奇怪的是，使用UL本身拖动效果很好，但将其拖动到另一个UL会使项目变得“不可见”

如果我删除到溢出：自动它工作良好

这是我的js：

jQuery("#drag-kunst-in-lijst ul, #drag-kunst-alles ul" ).sortable( { 
    connectWith: '.sortable',
    delay: 100,
    scroll: false,
    cursor: 'move',
    start: function(event, ui){
        jQuery("#drag-kunst-alles").css("overflow", "hidden");
    },
    stop: function(event, ui){
        jQuery("#drag-kunst-alles").css("overflow", "scroll");
    }
});

---

我在这里放了一个提琴：

您需要使用

附件

选项。默认情况下，拖动时元素仍在父容器中。使用

appendTo

可以将其拖动到更高级别的父级中<代码>车身通常工作正常。在

body

中，无论相对于原始父对象的位置如何，它都将可见

注意。还将

helper

设置为

clone

。还必须添加一些助手css和/或设置助手类

---

您的问题似乎是您的设置位置与DIV和ul的相对位置

你可以尝试绝对或采取的立场都在一起

这是一张基于你的照片，我在lijst div的drag kunst上拿出了所有的位置，我设置为绝对

#drag-kunst-in-lijst {
        position:absolute;
        top:200px;
        width: 365px;
        height: auto;
        border: 1px solid #000;
    }

---

Charlietfl&Matt，非常感谢，你们都是对的！我在js代码中添加了一个附录：“body”，并将div和ul的位置设置为“static”。这就成功了。谢谢Edwinchharlietfl&Matt，非常感谢，你们都是对的！我在js代码中添加了一个附录：“body”，并将div和ul的位置设置为“static”。这就成功了。谢谢埃德温