jquery - 拖动时自动滚动可放置 div

Question

在这个小提琴中：http: //jsfiddle.net/adrianjsfiddlenetuser/zyUkd/76/

可以拖放没有粉红色背景颜色的按钮。

问题是在 div 之间拖动时，当尝试将可拖动 div 添加到列表末尾时，拖动到的 div 不会自动向下滚动。

如何自动滚动拖动到的 div（水平/垂直）？

Answer 1

工作演示 http://jsfiddle.net/X3rKJ/ 或 http://jsfiddle.net/X3rKJ/1/

添加on滚动事件，每次将其拖动到第二个 div 时，它都会识别事件并滚动。

这会有所帮助。:) 干杯

请注意on事件被绑定到这个对象，即当列表变得不等高时用户从其中拖动的 div解决方案可以是：将它拖到 div 然后滚动到底部或可能玩弄这个对象并始终选择更大的容器作为滚动参考，尽管为评论欢呼。:) 作为候选人 -1 的解决方案并没有那么糟糕，但一切都很好。不管怎样，:(

此解决方案运行良好，要处理 div 的不等高度，需要添加一条语句，如果 2 个 div 的高度不等，则将较大的作为scroll.

代码

var sortlists = $(".connected").sortable({
     connectWith : ".connected",
     items       : ".myDivs:not(.excludeThisCss)",
     tolerance   : 'pointer',
     revert      : 'invalid',
     forceHelperSize: true

}).on('scroll', function() {
     sortlists.scrollTop($(this).scrollTop());
}).disableSelection();;


​