Jquery-ui可拖动滚动垂直只有

Question

所以我有一个固定的droppable div在屏幕的右下角。我有一个可拖动的拖拽列表（固定拖拽），但我不希望水平滚动条在拖拽到垃圾附近时出现。我不希望拖动器能够水平滚动。还有其他可拖放的页面可以放在页面中，因此它们必须垂直滚动才能到达它们。

这是一个jsfiddle的问题。

感谢

Answer 1

您可以使用可拖动元素containment选项（doc）。这样，您就可以限制它们移动到BODY元素：

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

DEMO

Answer 2

为了只允许垂直拖拽，必须设置的可拖动这样的“轴”属性：

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

如果你已经有一个初始化拖动对象，则必须将其设置这种方式：

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