jQuery mobile - 仅在侧面板关闭时才允许滚动？

我不希望用户在任何侧边栏打开时滚动。一旦关闭，他们应该滚动。

我使用了下面的代码，但它不适用于 Android 移动设备

$(document).bind('panelopen', function (e, data) {     
        $('body').css("overflow", "hidden");
    });

    $(document).bind('panelclose', function (e, data) {         
        $('body').css("overflow", "auto");
    });

The overflow这个选项对我来说从来没有用过。我不得不依靠touchmove事件的body。我改变了你的pageinit事件到此：

$(document).on("pageinit", "#page1", function (event) {   

    $("#defaultpanel").on("panelopen", function (event, ui) { 
        //setting overflow : hidden and binding "touchmove" with event which returns false
        $('body').css("overflow", "hidden").on("touchmove", stopScroll);
    });

    $("#defaultpanel").on("panelclose", function (event, ui) {
        //remove the overflow: hidden property. Also, remove the "touchmove" event. 
        $('body').css("overflow", "auto").off("touchmove");
    });

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

因此，当面板打开时，overflow属性发生改变，之后touchmove事件绑定到body. The stopScroll功能，它可以防止我们的触摸屏的默认操作，绑定到touchmove身体的事件。

当面板关闭时，您必须unbind that touchmove事件来自body恢复你的卷轴。

适用于 Galaxy S3、Xperia S、Nexus 4 手机和 Nexus 7 平板电脑。

Here's the code at JSBin http://jsbin.com/azavup/14/edit