JQuery UI Dragable предотвращает прокрутку на мобильном телефоне
У меня есть перетаскиваемые элементы с полной шириной экрана, перечисленные по вертикали.
Я использую плагин под названием (jquery.ui.touch-punch) для включения перетаскивания jQuery на мобильном телефоне. Но проблема в том, что перетаскиваемые элементы не позволяют пользователю прокручивать страницу.
$('#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;
}
});