Ios JQuery移动面板支持水平滚动

在iOS上使用带有phonegap的JQuery mobile时，我打开了一个面板，但随后启用了水平滚动，这给我带来了麻烦，因此我可以将整个页面与面板一起滚动到左侧。如何在面板打开时禁用水平滚动？

我刚刚在phonegap和android上遇到了同样的问题。 对我来说，解决这个问题的方法是去掉数据显示=覆盖或显示=推送。即使它不再滑入菜单，菜单仍然有效。

---

希望这能有所帮助。

对于我遇到此问题的jQuery Mobile 1.4.5版本，原因是html元素允许水平滚动。这可以通过设置

html { overflow-x: hidden; }

或

---

尝试此css修复。ui面板{overflow:hidden；}和.ui面板内部{overflow-y:scroll；}。另外，请确保面板的高度不大于页面的高度。检查此演示，创建一个面板，然后添加所需的内容。内部div将滚动离开页面。不幸的是，这不起作用。我仍然可以向左滚动整个页面。哎呀，我的错，这修复了垂直滚动。当面板打开时，Ui页面应隐藏overflow-x。Try.ui-page-active.ui-page-panel{overflow-x:hidden}非常感谢。有时候，了解所有css内容真的很难。也许需要开始读一些好的css书籍。

.ui-mobile { overflow-x: hidden }