Jquery-ui draggable:当悬停在它上面时,如何使可拖动元素滚动div

时间:2012-09-11 18:44:55

标签: jquery jquery-ui jquery-ui-draggable

我有一堆可拖动的元素,接收它们的droppable元素位于设置为overflow-y:div的div中。

draggable的'scroll'选项可以滚动整个页面,但我不能让它滚动droppables的父div。我已经尝试将draggable的containment属性更改为悬停时droppables的父级,但这也不起作用。

如果有人知道如何做到这一点,我会非常感激。 以下是我正在尝试做的基本想法:http://jsfiddle.net/4gMVf/5/

1 个答案:

答案 0 :(得分:7)

forked your fiddle,折叠在this nifty solution

检查出来:http://jsfiddle.net/crowjonah/Fr7u8/2/ 有一些锚定区域,当拖动时,将自动滚动可放置的。

我和他一样,为锚点提供了一些可见性,这样你就可以看到它们是如何工作的。你最有可能希望它们对最终用途完全透明。

我无法确定,但看起来你的droppable还有其他一些问题,因为它似乎没有接受你的拖拽,但因为那不是你的问题,我赢了试着解决这个问题。