Draggable div需要移动可滚动div的滚动条

Question

我实际上很难让一个可拖动的元素能够在div中向上，向下，向左和向右滚动。

我在页面上有2个div：

<div id="divRessources" class="divRessources" runat="server" style="display:none; float:left; margin-left: 25px; position:absolute; z-index:1;" >
  <div id="divTabRessources" class="divTabRessources dropRessources" style="display:block;" runat="server"></div>
</div>

---

<div id="divTabAgence1" class="divTabAgence" runat="server" style="display:block; position:relative;">

  <div id="divTabA1" class="divTab" style="overflow:auto; height:700px;" runat="server">
      <asp:Table ID="tabProjetsJourAgence1" runat="server" ForeColor="Black" GridLines="None"></asp:Table>
  </div>

</div>

这两个div可以隐藏/显示按钮，但问题是这里。

这是我的javascript / jquery代码：

$(function () {

  $(".dragRessources").draggable({
    helper: "clone",
    revert: 'invalid',
    appendTo: "body"
  });

});

在"divTabRessources"中，有一个元素可以拖放到作为表格的"tabProjetsJourAgence1"的单元格中。我需要能够在拖动元素时移动"divTabA1"的滚动条。

我尝试将appendTo属性设置为"#divTabA1"，但它不起作用......