如何使用滚动拖放div内的动态列表？

谢谢你的时间.

我正在使用PhoneGap开发移动应用程序.我有一个有一些记录的视图,这些记录需要通过拖放来重新排列.此记录的数量可能从2到12不等,它们位于一个容器中,该容器通过css的本机属性实现滚动,如下所示:

div#parentDiv {
    -webkit-overflow-scrolling: touch;
    overflow:                   scroll;
    width:                      100%;
}

现在,问题是.我已经尝试过这样做,但似乎存在某种事件冲突.当您点击或执行"手指向下"事件时,持续的事件是内部容器的滚动,而不是能够拖放该视图的内部元素.

我尝试了一个不可接受的替代选项,您将在此屏幕截图中看到:

在这里,我向下滚动到列表的最后一个元素.

正如您将看到的,我需要保留滚动并进行拖放操作.

你知道我该如何解决这个问题吗？

我尝试过使用插件,HTML本机拖放,到目前为止,没有什么对我有用.

再次感谢.