問題タブ [touchmove]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - -webkit-overflow: touch; スクロールコンテナの外側の要素をタップすると動作を停止します
iPhone に非常に大きなバグがあり、ページが使用できなくなり、解決できません。この問題に関するトピックも見つかりません。
次の画面があります。
中央には div があり、-webkit-overflow: auto;この div 内でスムーズにスクロールできるように設定されています。スクロールは完全にスムーズに機能しています。
しかしtouchmove、このdivの外側の別の要素を実行するまでのみです。これを行ってスクロールコンテナを再度スクロールしようとすると、フリーズしてまったく動かなくなります。スクロール コンテナを数回タップすると、再びスクロールします。スクロール コンテナーのスクロール フォーカスを失い、親をスクロールしようとしています。
したがって、次のような動きをすると:
これは次のようになります。
注: 一番下のコンテナからオーバーフロー div に 1 回の touchmove を実行しているだけです。指を離してからもう一度スクロールしようとすると、親 div がスクロールされます。
簡単な例を作成したので、ここであなたのiPhone/電話で見ることができます.
この問題は、-webkit-overflow: autoWith normalを使用している場合にのみ発生しますoverflow: scrollが、常に機能していますが、そうです...このスクロールがいかに遅れているかを知っています。
でコンテナをクリック/タップしているときに、目的のコンテナにスクロールフォーカスを強制する方法はあります-overflow-scrolling: touch;か?