jQuery UI draggable verhindert das Scrollen auf dem Handy
Ich habe ziehbare Elemente mit voller Bildschirmbreite, die vertikal aufgelistet sind.
Ich verwende ein Plugin mit dem Namen (jquery.ui.touch-punch), um jQuery für Mobilgeräte ziehbar zu machen. Das Problem ist jedoch, dass die ziehbaren Elemente den Benutzer daran hindern, durch die Seite zu scrollen.
$('#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;
}
});