移动

时间:2016-11-25 16:59:46

标签: javascript jquery jquery-ui jquery-mobile draggable

我正在制作一个有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;
}
});

这就是我想要实现的目标: enter image description here 现在一切正常,除了在移动设备上,当我在可拖动元素上垂直滚动时,它甚至不滚动,只有x轴可拖动。

我搜索并喜欢这个: jQuery UI draggable prevents scrolling on mobilejQuery UI Draggable and Page Scrolling (on mobile) 但我无法得到明确的解决方案或答案。

0 个答案:

没有答案