Jquery-ui draggable scroll vertical only

Question

Итак, у меня есть фиксированный divpable div в правом нижнем углу экрана. У меня есть список перетаскиваемых объектов, которые можно перетащить в корзину (фиксированный droppable), но я не хочу, чтобы горизонтальная полоса прокрутки появлялась при перетаскивании их рядом с корзиной. Я не хочу, чтобы перетаскиваемые объекты могли прокручиваться по горизонтали. На странице еще есть другие droppables, которые можно отбросить, чтобы они могли прокручиваться по вертикали, чтобы добраться до них.

Проблема jsfiddle.

Благодаря

Answer 1

Вы можете использовать containment вариант (doc) на перемещаемых элементах. Таким образом, вы можете ограничить их движение в элемент BODY:

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

DEMO

Answer 2

Для того, чтобы только вертикальное волочение, необходимо установить свойство «ось» перетаскиваемых таким образом:

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

И если у вас уже есть инициализированному перемещаемого объект, вы должны установить это следующим образом:

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