拖动子元素时启用父级滚动

Question

这里我有一个父div，其中包含一个由3个站点A，B和C组成的表。每个站点包含一些可以拖动到其他站点的数据。我已经使用JQuery Ui完成了可拖动的部分。任何方式拖动部分进展顺利。父div的高度是静态的，所以它的scroll属性设置为true。因此，当我拖动元素时，父divs滚动不起作用，它不允许将拖动的元素放在正确的位置。我用Google搜索并获得了一些代码来启用滚动部分，但拖动拖动的元素是不可见的，它只是与滚动一起。请尝试这个小提琴你会清楚地知道我的意思，请帮助我。 ... Fiddle

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);

   }
 }