Solo scorrimento verticale jquery-ui

Question

Quindi ho un div droppable fisso in basso a destra dello schermo. Ho una lista di oggetti trascinabili che possono essere trascinati nel cestino (il droppable fisso) ma non voglio che la barra di scorrimento orizzontale appaia quando li trascini vicino al cestino. Non voglio che i draggables siano in grado di scorrere orizzontalmente. Ci sono altri droppable più in basso nella pagina in cui possono essere lasciati cadere in modo che debbano scorrere verticalmente per raggiungerli.

Ecco un jsfiddle del problema.

Grazie

Answer 1

È possibile utilizzare l'opzione containment (doc) sugli elementi trascinabili. In questo modo è possibile limitare il loro movimento nell'elemento BODY:

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

DEMO

Answer 2

Al fine di consentire solo trascinamento verticale, è necessario impostare la proprietà "Asse" della trascinabile in questo modo:

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

E se si dispone già di un oggetto trascinabili inizializzato, è necessario impostare in questo modo:

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