A interface do usuário do jQuery arrastável impede a rolagem no celular
Eu tenho elementos arrastáveis com largura de tela cheia listados verticalmente.
Estou usando um plugin chamado (jquery.ui.touch-punch) para ativar o jQuery arrastável no celular. Mas o problema é que os elementos arrastáveis impedem o usuário de rolar a página.
$('#novieList .element .content').draggable({
axis: 'x',
revert: function() {
return $(this).position().left < 30;
},
containment: [ 0, 0, 75, 0 ],
scope: 'element',
scroll: false,
delay: 300,
drag: function(event, ui) {
return true;
},
start: function(event, ui) {
// Prevent to drag the element after open it
var left = $(this).position().left;
return left == 0;
},
stop: function(event, ui) {
var left = $(this).position().left;
if (left != 0) {
$(this).offset({left: 75});
}
return true;
}
});