Jquery 向div添加溢出会阻止其内容正确拖动

我正在使用jquery FullCalendar插件，并将外部事件添加到日历中

从一开始，一切都很完美。但是，我有很多外部事件需要拖到日历上，因此我的事件列表需要滚动

我补充说：

overflow-y: auto;

到父div，这允许它滚动。但是，当事件被拖到父div之外时，它们就会消失

我尝试了尽可能多的z-index和overflow组合，当它们离开父对象时，它们会不断消失

---

如何允许父div滚动并防止事件项在拖动时消失？

如果这是您的初始化：

然后在

//此处插入

行插入以下选项之一：

选择1 这将根据需要工作，但拖动后将克隆被拖动的元素

要避免这种情况，请使用下一个选项：

选择2

---

---

如果您需要实际“移动”该元素（即，将其放置在适当的位置后，它不会重新出现），则需要

remove（）

将该元素放置在适当的位置。您可以向的

接收

回调添加删除原始元素的内容。

如果这是您的初始化：

然后在

//此处插入

行插入以下选项之一：

选择1 这将根据需要工作，但拖动后将克隆被拖动的元素

要避免这种情况，请使用下一个选项：

选择2

---

---

如果您需要实际“移动”该元素（即，将其放置在适当的位置后，它不会重新出现），则需要

remove（）

将该元素放置在适当的位置。您可以在的

receive

回调中添加删除原始元素的内容。

效果非常好！非常感谢您的帮助，非常感谢。非常好用！非常感谢你的帮助，非常感谢。

$(this).draggable({
    zIndex: 999,
    revert: true, // will cause the event to go back to its
    revertDuration: 0, //  original position after the drag
    scroll: false,
    //INSERT HERE
});

    helper: 'clone',
    appendTo: 'body'

    helper: function(event, ui) {
        var clone = $(this).clone();
        $(this).css({opacity:0}); //or $(this).hide()
        return clone;
    },
    stop: function(event, ui) {
        $(this).css({opacity:1}); //or $(this).show()
    },
    appendTo: 'body'