jQuery UI Draggable y Page Scrolling (en dispositivos móviles)

Tengo una página llena de elementos que se pueden arrastrar (solo en horizontal).

Si abro mi página en un dispositivo táctil, no puedo desplazar la página hacia abajo, obviamente porque la página está llena de elementos que se pueden arrastrar. ¿Cómo puedo hacer que la página se desplace de nuevo?

Aquí está el código que se puede arrastrar () que estoy usando:

$('li').draggable({
axis: 'x',
drag: function( event, ui ) {
    if(ui.position.left > 0)
        ui.position.left = 0;
    if(ui.position.left < -250)
        ui.position.left = -250;
}
});

Respuestas a la pregunta(2)

Su respuesta a la pregunta