Jquery-ui可拖动滚动垂直

Question

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

这是问题的jsfiddle。

由于

Answer 1

为了只允许垂直拖动，您必须以这种方式设置可拖动的“axis”属性：

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

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

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

Answer 2

您可以在可拖动元素上使用containment选项（doc）。这样你就可以将它们的运动限制在BODY元素中：

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

<强> DEMO