可滚动div问题中的可拖动/多个可放置

Question

我正在尝试使用Jquery ui可拖放库实现以下情况

一个带有滚动条的div中有多个droppables。我遇到的问题是，每当我向下滚动包含div的droppables时，如果我尝试拖放一个元素，它就会被拖放到div的顶部（在错误的droppable中）。如果我取消了最大高度限制（没有更多的滚动条），它将正常工作。 这是一个已知问题还是我缺少什么？ 这是代码：addDroppable被调用的次数与droppables一样多 函数addDroppable（elementId）{

$('#' + elementId).droppable({
   accept: '.myclassselector',
   activeClass: "drop-area",
   drop: function (e, ui) {
      x = ui.helper.clone();
      ui.helper.remove();
      x.appendTo($(this));
   }
});

$(".myclassselector").draggable({
    helper: 'clone',
    cursor: 'move',
    zIndex: 1,
    tolerance: 'fit',
    refreshPositions: true,
    revert: true
});