Jquery-UI перетаскиваемая прокрутка только по вертикали

Question

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

Вот jsfiddle проблемы.

Спасибо

Answer 1

Чтобы разрешить только вертикальное перетаскивание, необходимо установить свойство оси для перетаскиваемого объекта следующим образом:

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

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

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

Answer 2

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

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

DEMO