拖动时自动滚动可放置的div
在这个小提琴: http : //jsfiddle.net/adrianjsfiddlenetuser/zyUkd/76/
可以拖放不具有粉红色背景颜色的按钮。
问题是当在div中拖动时拖动到div时,在尝试将可拖动div添加到列表末尾时不会自动向下滚动。
如何自动滚动div(水平/垂直)im拖动到?
工作演示 http://jsfiddle.net/X3rKJ/ 或 http://jsfiddle.net/X3rKJ/1/
添加滚动事件,每次将其拖动到第二个div时,它都会标识事件并滚动。
这会有所帮助。 :)干杯
请注意 on
事件绑定到此对象,即当列表变为不等高度解决方案时用户拖动的div 可以是:将其拖动到div然后将其滚动到底部或可能使用此对象进行播放并始终选择作为滚动参考的更大的容器,尽管为评论欢呼。 :)作为候选人,-1作为一个解决方案,并没有那么糟糕,但一切都很好。 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();;