ios - JQuery モバイル パネルで水平スクロールが可能

Question

iOSでphonegapでJQuery-mobileを使っていたら、パネルを開いていたのですが、横スクロールが有効になってしまい困っていて、パネルごと左にページ全体をスクロールできてしまいました。パネルが開いているときに水平スクロールを無効にする方法は?

Answer 1

この問題が発生したバージョンである jQuery Mobile 1.4.5 では、html要素で水平スクロールが許可されていることが原因です。これは、次のいずれかを設定することで修正できます

html { overflow-x: hidden; }

また

.ui-mobile { overflow-x: hidden }

Answer 2

phonegapとandroidで同じ問題に遭遇しました。私にとってそれを修正したのは、 data-display="overlay" または display="push" を取り除くことでした。スライドインしなくなりましたが、メニューは引き続き機能します。これが役立つことを願っています。