モバイルブラウザでのジェスチャー操作後にスクロールが機能しない

Question

私は大きなスクロール可能なページを持っています。スクロールは、コンテンツを指で上下にスワイプすると機能します。それは動作する必要があるように動作します。

しかし、私はいくつかのジェスチャー（マルチタッチ）アクションを実行すると、スクロールが機能しなくなります。私は指を上下に動かすが、もはや動かない。

多くの場合、単一のジェスチャーアクションでは不十分であるため、スクロールをクラッシュさせるためにいくつかのジェスチャーを実行する必要があります。しかし、私は理解できません、何が間違っています。

Answer 1

私はこの問題を解決しました。はい、それはかなりばかげていましたが、誰かが似たようなことに直面するなら、私の経験は助けになるかもしれません。

マイページに、touchstart、touchmove、touchendにイベントリスナーを持つ要素が含まれていました。そのリスナーには、いくつかの条件でevent.preventDefault()が含まれており、event.stopPropagation()は含まれていませんでした。いくつかのジェスチャー条件がtrueになり、イベント防止がスクロールをブロックし始めた後。

私の場合、これらのイベントハンドラはもう必要ありませんでした。そのため、完全に削除しました。これは問題を解決しました。

他の同様のケースでは、event.stopPropagation()を追加すると問題が解決する可能性があります。また、event.preventDefault()を呼び出す条件（ある場合）を確認する必要があります。