Question

引用this我想只允许垂直滚动。

以下代码将禁用面板上的所有触摸移动。

$(document).on("pageinit", "#form1", function (event) {
    $("#navmenu").on("panelopen", function (event, ui) {
        $("body").css("overflow", "hidden").on("touchmove", stopScroll);
    });
    $("#navmenu").on("panelclose", function (event, ui) {
        $("body").css("overflow", "auto").off("touchmove");
    });

    function stopScroll() {
        return false;
    }
});

如何在stopScroll函数中使用“overflow-x：hidden”以允许垂直滚动并禁用水平？

感谢。

Answer 1

你有没有试过这个

$("html, body").css("overflowX", "hidden");

最好将css分开用于移动设备。

Answer 2

$(document).on('panelopen', '[data-role="panel"]',function (event) {
    document.ontouchmove = function(e) {
        e.preventDefault();
    }
}).on('panelclose', '[data-role="panel"]', function (event) {
        document.ontouchmove = function(e) {
             return true;
        }
    });

jQuery mobile - 打开侧面板时只允许垂直滚动？

2 个答案: