JQuery-mobile面板支持水平滚动

Question

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

Answer 1

我刚刚在phonegap和android上遇到了同样的问题。对我来说解决这个问题的是去掉了data-display="overlay“或display="push”。即使它不再滑入，菜单仍然可以工作。希望这能有所帮助。

Answer 2

在jQuery Mobile1.4.5版本中，我遇到了这个问题，原因是html元素允许水平滚动。可以通过设置以下任一项来解决此问题

html { overflow-x: hidden; }

或

.ui-mobile { overflow-x: hidden }