Question

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

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

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

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

Answer 1

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

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

这会有所帮助。 :)干杯

请注意 on事件绑定到此对象，即当列表变为不等高度时，用户拖动的div 解决方案可以是：将它拖动到div，然后将其滚动到底部或可能使用此对象进行游戏，并始终选择较大的容器作为滚动参考，尽管为评论欢呼。 :)它作为一个候选人的解决方案并没有那么糟糕，但一切都很好。 anyhoo，:(

这个解决方案工作正常，为了处理div jsut的不等高度需要添加一个声明，如果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();;

拖动时自动滚动可放置的div

1 个答案: