带有滚动条的 jquery ui 容器

Question

我正在尝试使用 jquery ui 实现拖放功能。我有一个位置为“相对”的容器，在其中，有位置为“绝对”的可拖动元素。我想要的是，限制容器内的可拖动元素以及将元素滚动到容器之外的能力。所以我像这样初始化了 draggables:

$(".draggable").draggable({
 containment:'parent',
 scroll:true
})

https://jsfiddle.net/zjncn6zy/1/

但它没有按预期工作。当我删除“包含”选项时，可拖动对象可自动滚动，但在主体内，而不是在容器内。

我需要的是，当我将 draggables 拖出容器时，draggables 需要在容器内自动滚动。

请帮助我解决我的问题。谢谢

Answer 1

您是否尝试过将容器设置为 overflow: auto;