jQuery mobile - 只有在側面板打開時才允許垂直滾動？

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