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

Question

参考这个我只想允许垂直滚动。

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

$(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;
        }
    });