我试图弄清楚如何在拖动列表元素时让“可排序列表”滚动。
滚动在我拖动 from 的列表中工作正常，但在我拖动 to 的列表中不能正常工作。
http://jsfiddle.net/jordanbaucke/pacbC/1/
另一个类似问题的问题：
jQuery sortable container scroll div with overflow auto
附言。 Pivotaltracker，www.pivotaltracker.com 做得很好。
【问题讨论】：
标签： jquery css jquery-ui overflow jquery-ui-sortable
老问题，但我今天为此苦苦挣扎了几个小时，所以我想我会分享我学到的东西。
可排序滚动是scrollParent 的偏移量、当前滚动位置、当前项目位置和滚动灵敏度的函数。当您开始拖动时，可排序对象会执行 _mouseStart。这将设置 scrollParent 并缓存其当前排序的偏移量。有了这些知识，我们可以在 over 事件处理程序中做一个小的洗牌：
over: function (event, ui) {
ui.item.data('sortableItem').scrollParent = ui.placeholder.parent();
ui.item.data('sortableItem').overflowOffset = ui.placeholder.parent().offset();
}
当拖动的元素更改容器时触发 Over。当您点击 over 事件时，占位符已经移动到新容器中。代码获取新的 scrollParent 并重新缓存偏移量。
为了简洁起见，我分叉了 Tats_innit 的小提琴：http://jsfiddle.net/3E2Hg/84/
scrollParent 在整个事件结构中的其他地方都被引用，所以我不确定这是防弹的。不过，我认为这是一个很好的起点。如果我遇到任何问题，我会更新这个答案。
【讨论】：
工作演示 http://jsfiddle.net/3E2Hg/1/
如果我遗漏了什么，请告诉我，并慢慢查看我之前的回复：Automatically scroll droppable div whilst dragging
行为：现在你拖动到的 div 也会滚动。 （其余代码如下）
希望这会有所帮助，
代码
$(function() {
var sortlists = $("#List1, #List2").sortable({
tolerance: 'pointer',
connectWith: '#List1, #List2',
helper: 'original',
scroll: true
}).on('scroll', function() {
sortlists.scrollTop($(this).scrollTop());
});
});
【讨论】：
on 甚至绑定到this 对象，即当列表变得不相等时用户从其中拖动的 div solution 可以是：将其拖动到 div 然后滚动它到bottm或可能玩this对象并总是选择更大的容器作为滚动参考，尽管为评论欢呼。
scrollTop() 调用绑定到悬停时的this 元素可能会使接收列表稍微居中，但不允许进一步拖动！
您只需将overflow: auto; 添加到父元素，无论是ul 还是#element，或者你有什么。
【讨论】：