JQuery UI Draggable + touch punch + touch scroll?

732 Views Asked by At

I'm using JQuery UI and Touch Punch to do some mobile work. I have a vertically scrolling list of items that I need to make draggable. Obviously this presents a problem. My idea was to limit dragging to a certain vector and everything else would scroll. I cannot make it work.

For starters, I'm simply using JQuery's draggable parameters to limit dragging strictly to the X axis.

$('.menu-item').draggable({
    revert: true,
    helper: 'clone',
    opacity: .75,
    appendTo: 'body',
    axis: 'x'
});

This completely disables scroll. Is there any way to have both functionalities?

0

There are 0 best solutions below