jQuery-ui 可拖动滚动仅垂直答案

【问题标题】：Jquery-ui draggable scroll vertical onlyjQuery-ui 可拖动滚动仅垂直
【发布时间】：2012-02-28 23:59:04
【问题描述】：

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

这是问题的jsfiddle。

谢谢

【问题讨论】：

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：