Jquery ui仅可拖动垂直滚动

Jquery ui仅可拖动垂直滚动,jquery,css,jquery-ui,jquery-ui-draggable,jquery-ui-droppable,Jquery,Css,Jquery Ui,Jquery Ui Draggable,Jquery Ui Droppable,所以我在屏幕的右下角有一个固定的可下拉div。我有一个可以拖拽到垃圾箱的拖拽列表(固定的拖拽),但我不希望在垃圾箱附近拖拽时出现水平滚动条。我不想让拖拽功能能够水平滚动。页面上还有其他下拉框,可以将它们放入其中,因此必须垂直滚动才能找到它们 下面是问题的一个例子 谢谢您可以在可拖动元素上使用包含选项()。通过这种方式,可以将其移动约束到主体元素中: $('.draggable').draggable({ ... containment: 'body', ... });

所以我在屏幕的右下角有一个固定的可下拉div。我有一个可以拖拽到垃圾箱的拖拽列表(固定的拖拽),但我不希望在垃圾箱附近拖拽时出现水平滚动条。我不想让拖拽功能能够水平滚动。页面上还有其他下拉框,可以将它们放入其中,因此必须垂直滚动才能找到它们

下面是问题的一个例子


谢谢

您可以在可拖动元素上使用
包含
选项()。通过这种方式,可以将其移动约束到主体元素中:

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

为了只允许垂直拖动,必须通过以下方式设置可拖动对象的“轴”属性:

$( "selector" ).draggable({ 
    axis: "y"
});
$( "selector" ).draggable( "option", "axis", "y" );
如果您已经有一个初始化的可拖动对象,则必须按如下方式设置:

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

但是我不能把它拖到下拉菜单上。你当然可以(或者我不明白到底是什么问题)。主体仍将滚动其视口,但如果光标向下或向右移动过远,主体将不会延伸。现在的问题是主体不会一直向下移动。看起来@Didier Ghys solution工作正常,刚刚在你的小提琴上测试过。@xCRKx typhone我确实测试过了,它阻止了我把拖拽物拉到可升降物上。这不是我的意思。我只想让它垂直“滚动”,它可以水平移动。这个问题已经被回答了,但是谢谢你的回答。这正是我一直在寻找的东西,我也一直在寻找这个。谢谢