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

时间:2012-06-20 15:06:28

标签: jquery jquery-ui

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

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

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

2 个答案:

答案 0 :(得分:2)

所以这是我目前解决问题的方法,我改变了设置包容的方式。我不使用父母。我只是设置左侧和顶部,但我使用

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

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

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

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

我更希望得到更多css或$ .draggable导向的答案,但这符合我的目的。

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

答案 1 :(得分:1)

使用

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

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