jquery - 带有包含父级的jQuery Draggable不会滚动

Question

我有一个 div 是 position: absolute ，它包含被拖动的项目。我想将他们的拖动限制设置为父级，但是当我滚动时似乎不起作用。

这是一个 jsfiddle 示例http://jsfiddle.net/pJXVH/1/

谁能告诉我是否有办法解决这个问题？在保持具有“填充剩余”div 的布局的同时？

Answer 1

所以这是我目前对这个问题的解决方案，我改变了收容措施的设置方式。我不使用父母。我只是设置了左侧和顶部，但我使用

containment :[10, $('.desktop').offset().top]

然后在我隐藏横幅的函数内部：

$('.ui-draggable').draggable('option', 'containment',  [10, $('.desktop').offset().top]);

这会根据需要更改收容...

我更喜欢更面向 css 或 $.draggable 的答案，但这将符合我的目的。

如果您找到更好的方法，请告诉我。

Answer 2

用那个

$('.item').draggable({containment: $('.selector').parent() , scroll:true});

看到这个 http://jsfiddle.net/bilalahmed07/pJXVH/5/