7

所以我有一個固定的droppable div在屏幕的右下角。我有一個可拖動的拖拽列表(固定拖拽),但我不希望水平滾動條在拖拽到垃圾附近時出現。我不希望拖動器能夠水平滾動。還有其他可拖放的頁面可以放在頁面中,因此它們必須垂直滾動才能到達它們。Jquery-ui可拖動滾動垂直只有

這是一個jsfiddle的問題。

感謝

回答

9

您可以使用可拖動元素containment選項(doc)。這樣,您就可以限制它們移動到BODY元素:

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

DEMO

+0

但我無法將其拖放到可拖放的位置。 – 2012-02-07 16:18:20

+0

當然你可以(或者我不明白這個問題)。主體仍然會滾動其視口,但如果光標位置過低或過低,將不會延伸。 – 2012-02-07 16:20:37

+0

現在的問題是,身體不會一路走到底部。 – 2012-02-07 16:25:08

28

爲了只允許垂直拖拽,必須設置的可拖動這樣的「軸」屬性:

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

如果你已經有一個初始化拖動對象,則必須將其設置這種方式:

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

這不是我的意思。我只希望它能夠垂直「滾動」,並且可以水平移動。這個問題已經回答,但感謝您的答案。 – 2012-03-30 12:39:36

+3

這只是我一直在尋找的東西 – prototype 2012-10-05 04:12:45

+0

我一直在尋找這個。謝謝 – softnayr 2017-04-24 19:14:38