jquery - jQuery-ui 可拖动滚动仅垂直

Question

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

这是问题的一个jsfiddle。

谢谢

score 30 · Accepted Answer

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

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

如果你已经有一个初始化的可拖动对象，你必须这样设置它：

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

score 12 · Accepted Answer

您可以在可拖动元素上使用containment选项 ( doc )。通过这种方式，您可以将它们的运动限制在 BODY 元素中：

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

2 回答 2