iPhone に非常に大きなバグがあり、ページが使用できなくなり、解決できません。この問題に関するトピックも見つかりません。
次の画面があります。
中央には div があり、-webkit-overflow: auto;この div 内でスムーズにスクロールできるように設定されています。スクロールは完全にスムーズに機能しています。
しかしtouchmove、このdivの外側の別の要素を実行するまでのみです。これを行ってスクロールコンテナを再度スクロールしようとすると、フリーズしてまったく動かなくなります。スクロール コンテナを数回タップすると、再びスクロールします。スクロール コンテナーのスクロール フォーカスを失い、親をスクロールしようとしています。
したがって、次のような動きをすると:
これは次のようになります。
注: 一番下のコンテナからオーバーフロー div に 1 回の touchmove を実行しているだけです。指を離してからもう一度スクロールしようとすると、親 div がスクロールされます。
簡単な例を作成したので、ここであなたのiPhone/電話で見ることができます.
この問題は、-webkit-overflow: autoWith normalを使用している場合にのみ発生しますoverflow: scrollが、常に機能していますが、そうです...このスクロールがいかに遅れているかを知っています。
でコンテナをクリック/タップしているときに、目的のコンテナにスクロールフォーカスを強制する方法はあります-overflow-scrolling: touch;か?