Javascript 使用'；从div中删除可拖动项；溢出：滚动/自动'；应用的样式？

这是我的小提琴：。

Draggable

和

dropable

的初始化方式如下：

$lister.find('.draggable').draggable({
    stack: 'div'
});

$('#insert-editor .droppable-target').droppable({
    drop: function(event, ui) {
        var $this = $(this);
        $this.html(ui.draggable);
    }
});

只能将

.draggable

项拖动到

#image lister

div上。如何将

.draggable

项拖放到

可拖放目标上

另外，在将
项目拖放到目标后，如何保持该项目可拖放？
删除
溢出：自动来自图像列表器

请尝试以下代码：


#image-lister { 
    position: relative; max-width: 1920px; min-width: 300px; margin: 0 auto;
    height: 530px;
    overflow: auto; /*remove this */
    background: #ddd;
    background: #555;
    z-index: 2;
    padding: 10px;
    padding-bottom: 0;
}

找到了解决方案：

将我的代码更改为：

$lister.find('.draggable').draggable({
    scroll: false,
    helper: 'clone',
    start: function() {
        $(this).hide();             
    },
    stop: function() {
        $(this).show()
    }
});

结果如下：

唯一让我不满意的是，当拖动时，您仍然可以看到一个可拖动的项目位于父分区的隐藏部分之下。也许你知道怎么解决这个问题？
但我真的需要一个垂直滚动条。你可以试试{overflow-y:scroll}。