Drag and drop Scriptaculous可拖动/可拖放脚本在拖动到滚动div中时工作不正常

我正在使用Scriptaculous/Droppable脚本，在拖动到滚动分区时遇到问题。我有以下布局（基于）：

以下是html：

<div id="grid-container">
  <div id="grid"> 
    <div id="row1" class="image-row"> 
      <ul> 
        <li><img id="img1" class="grid-image" src="images/img1.jpg"></li>
        <li><img id="img2" class="grid-image" src="images/img2.jpg"></li>
        <li><img id="img3" class="grid-image" src="images/img3.jpg"></li>
        <li><img id="img4" class="grid-image" src="images/img4.jpg"></li>
      </ul>
    </div>
    <div id="row2" class="image-row"> 
      <ul> 
        <li><img id="img5" class="grid-image" src="images/img5.jpg"></li>
        <li><img id="img6" class="grid-image" src="images/img6.jpg"></li>
      </ul>
    </div>
  </div>
</div>

我有另一个div，其中有可拖动的项，而所有img元素都是可拖放的。这在大多数情况下都非常有效，但是当网格中有太多的图像并且必须滚动时，我会遇到问题。我仍然可以拖放到该div中的大多数项目中，但当我向下滚动并尝试拖动到列表底部的项目时，它会拖放到我滚动该div之前位于底部的行中

即使在创建可拖动项时设置了scroll属性，它也会滚动grid div，但不会使用正确的可拖放项

是否有任何方法可以使可拖动项放置到适当的可拖放元素上，而不管包含的div是否滚动？

昨天我在遇到同样的问题时发现了这一点。基本上，解决方案是添加Position.includeScrollOffsets=true；到您的代码

希望能有帮助

<div id="grid-container">
  <div id="grid"> 
    <div id="row1" class="image-row"> 
      <ul> 
        <li><img id="img1" class="grid-image" src="images/img1.jpg"></li>
        <li><img id="img2" class="grid-image" src="images/img2.jpg"></li>
        <li><img id="img3" class="grid-image" src="images/img3.jpg"></li>
        <li><img id="img4" class="grid-image" src="images/img4.jpg"></li>
      </ul>
    </div>
    <div id="row2" class="image-row"> 
      <ul> 
        <li><img id="img5" class="grid-image" src="images/img5.jpg"></li>
        <li><img id="img6" class="grid-image" src="images/img6.jpg"></li>
      </ul>
    </div>
  </div>
</div>