最近の製品を開発し、それはPC端末に2つのショーを必要とします。
モバイル端末表示：
使用ディスプレイ：フレックスレイアウトは、最も外側のラップオーバーフロー-Yに添加：自動; 100％に設定された2つのメディアクエリー幅を用いて移動端末。
問題があります：フォームデータが比較的大きい場合、PC側とアンドリュースのスクロールバーは何の問題もスクロールしない、表示されますが、Apple IOSのスライドは、フォームでの圧延トリガすることができません。
ソリューション：
ローリングコンテナの増加-webkit-overflow-scrolling: touch
時折スライドがスムーズではないの後にそこに追加されます、慎重に-webkit-オーバーフロースクロールプロパティをチェックします
-webkit-overflow-scrolling モバイルデバイス上の制御要素のプロパティは、スクロールスプリングバック効果を使用することです。
auto：使用普通のローリングは、指がタッチ画面から削除されたときに、スクロールはすぐに停止します。touch：指がタッチスクリーンから削除されたときにスクロールがリバウンド効果を持って使用し、コンテンツがいくつかの時間のための効果をスクロールし続けます。スクロール速度は、スクロールやジェスチャーの持続時間と強度に比例する続行。しかし、また新しいスタックコンテキストを作成します。
オンライン情報、特に次のいくつかのピットの多くを検索します。
サファリでは、我々は、-webkit-オーバーフロースクロールを使用：タッチ、時折詰まったページの後に（この問題を）移動しません。
伸延容器は、動的コンテンツを追加することによって、結果がバグ（この問題に）スライドすることができません
Safariで、スクロールバーがバグ（この問題を）スクロールすることはできません、別のエリアをクリックし、スクロール領域をスライドさせ
ジェスチャーは、他の要素のトリガー要素をスクロールすることができます
Safari以下のためのoverflow-scrolling実装にネイティブコントロールを使用して。以下のために-webkit-overflow-scrolling、Webページの作成、UIScrollView動的ローディングの高さをレンダリングする子要素は、もはや彼らの世代を転がり、事前にプレースホルダの高さを設定するアプローチは、後者の動的なレンダリングが再び、完了しているので、高解像度のサブ要素を生成しませんスクロールを設定します
ソリューション：
最小の高さの子要素を設定します。
min-height:101%
または
サブ要素は、高さを設定します。height:calc(100% - 300px + 1px)