前些日子不是在做使用Jquery-UI实现一次拖拽多个选中的元素操作嘛，在持续完善这个组件时遇到了一个关于拖放排序的bug。今天就着图片和代码重现一下，也顺便告诉大家如何解决这个问题。
首先先上图描述一下问题：
先来张正常的图：
如上图，整个div层被我设置了固定高度和滚动条。页面如上所示，在可排序区域（黄色列表区域）可见情况下，从左面向右边拖拽时，可以成功触发排序的操作。
接着再来张bug图
上图为bug触发说明图，将滚动条拖拽到底部（保证右侧可排序的黄色区域在div中不可见就行），此时是看不见黄色的排序列表的。在这个情况下，拖拽需要排序的元素，然后鼠标一直拖拽向上移动到可排序的列表区域时，会发现排序操作没有任何作用。无法触发排序功能。
猜测是，鼠标在红色边框区域内拖拽移动到排序位置时，没有计算涉及到滚动条的距离等信息。看到了上面的方法说明，本人就尝试了一下，定义了div的滚动事件机制，在滚动事件触发时，加载refresh方法来刷新位置信息。方法定义好后，再次重复试验上面的两种情况，okay，都可以搞定了。
下面给出demo的代码，大家在遇到这种情况下就可以将整个小bug灭掉了。