私のモバイルWebサイトには、タグを含む固定のスクロール可能な(overflow-y:auto
)要素があります。input
iPhoneとiPadでは、input
タグをタッチして移動すると要素がスクロールできなくなりますが、ラベル(またはその他のもの)をタッチして移動するとブロックされません。この問題はAndroidでは発生しません。
レイアウトをsに切り替える前は、タグは以前のinput
一部でしたが、iOSとAndroidではスクロールが機能していました。タグがsにないときにスクロールがブロックされる理由はありますか?レイアウトのためにsに戻る必要がないことを本当に好みます。table
div
input
table
table
私も試し-webkit-overflow-scrolling: touch
てみましたが、iPhoneの問題は修正されましたが、iPadで完全にスクロールできず、ユーザーが必要のない水平方向にスクロールできるようになりました。
更新:ソフトキーボードがアクティブな場合、すべてが意図したとおりに機能します。問題が発生したときにキーボードがアクティブでない場合のみ。