Jquery-ui可拖动滚动垂直

Question

所以我的屏幕右下方有一个固定的可放置div.我有一个可拖动到垃圾箱中的可拖动列表(固定的可放置)但我不想在将它们拖到垃圾箱附近时显示水平滚动条.我不希望draggables能够水平滚动.页面上还有其他可放置的droppable,它们可以放入,因此它们必须垂直滚动才能到达它们.

这里是一个的jsfiddle的问题.

谢谢

Answer 1

为了只允许垂直拖动,必须以这种方式设置draggable的"axis"属性:

$( "selector" ).draggable({ 
    axis: "y"
});

如果您已经有一个初始化的可拖动对象,则必须以这种方式设置它:

$( "selector" ).draggable( "option", "axis", "y" );

Answer 2

您可以在可拖动元素上使用containment选项(doc).这样你就可以将它们的运动限制在BODY元素中:

$('.draggable').draggable({
    ...
    containment: 'body',
    ...
});

DEMO