Jquery ui 在拖动子元素时在父元素上启用滚动

这里我有一个带有表的父div，表由3个站点a、B和C组成。每个站点都包含一些可以拖动到其他站点的数据。我用JQuery Ui完成了可拖动部分。拖动部分做得很好。父div的高度是静态的，所以它的滚动属性设置为true。因此，当我拖动元素时，父divs滚动不起作用，它不允许将拖动的元素放置在正确的位置。我用谷歌搜索并获得了一些代码来启用滚动部分，但在拖动时，拖动的元素不可见，它只是与卷轴一起。请试试这把小提琴，你会明白我的真正意思，请帮助我

拖动：函数（e）{
var isMoving=假；
如果（（e.pageY-offset.top）=（offsetHeight-distance））{
isMoving=真；
clearInetervals（）；
intBottomHandler=setInterval（函数（）{
ParentDiv.scrollTop（ParentDiv.scrollTop（）+步骤）
}，定时器）；
}
}

您可以使用

cursorAt

选项对其进行微调，并更改

distance

变量thnks以获得帮助…但在滚动过程中拖动光标时，块仍不会与光标一起移动

drag: function (e) {
var isMoving = false;
   if ((e.pageY - offset.top) <= distance) {
      isMoving = true;
       clearInetervals();
       intTopHandler = setInterval(function () {
         ParentDiv.scrollTop(ParentDiv.scrollTop() - step)
       }, timer);

   }
   if (e.pageY >= (offsetHeight - distance)) {
      isMoving = true;
      clearInetervals();
      intBottomHandler = setInterval(function () {
         ParentDiv.scrollTop(ParentDiv.scrollTop() + step)
      }, timer);

   }
 }