我正在制作一个有3个图像的滑块,它们可以拖动限制,我使用UI触控打孔使移动拖动工作。
到目前为止,这是我的js代码:
$(".draggable").draggable({
axis: "x",
drag: function(event, ui) {
//$(window).scrollTo(0, scrollPage);
//window.scrollBy(0,scrollPage);
if (ui.position.left > 0) {
newLeft = 0;
} else if (ui.position.left < max_drag) {
newLeft = max_drag;
} else {
newLeft = ui.position.left;
}
ui.position.left = newLeft;
}
});
这就是我想要实现的目标: 现在一切正常,除了在移动设备上,当我在可拖动元素上垂直滚动时,它甚至不滚动,只有x轴可拖动。
我搜索并喜欢这个: jQuery UI draggable prevents scrolling on mobile 和 jQuery UI Draggable and Page Scrolling (on mobile) 但我无法得到明确的解决方案或答案。