問題タブ [touchmove]

fullpage.js によって提供されるソリューションは必要なものではないため、iScroll 5 と fullpage.js を使用しています。

私のページには 3 つの全ページ セクションがあります。2 番目のセクションには、垂直スクロール可能なコンテンツがあります。

私がする必要があるのは、スクロール可能なコンテンツが親要素の境界 (上部と下部) にあることを検出することです。その後、スクロール (マウスホイールまたはタッチの両方) を再度実行すると、イベントが発生します。

ここに問題のあるフィドルがあります。

私はこのようなものが必要です:

あなたが私を助けてくれることを願っています、私はどんな助けにも感謝します.

タッチまたはクリックでのみ開き、メニューの外側をクリックまたはタッチすると閉じるレスポンシブドロップダウンメニューがあります。モバイル ユーザーが単にページをさらに下にスワイプしたい場合に問題が発生し、タップしてスクロールするとすぐにメニューが閉じます。スクロール時（touchmove）ではなく、メニューの外に触れたときだけ閉じてほしい。

これは私が現在持っているjsで、画面をスライドさせようとしても、あらゆる種類のタッチイベントでメニューを閉じます。誰かがタッチでスクロールしようとした場合に、この機能を実行したくありません。

このコードは chrome デスクトップで動作しています。シミュレート タッチを使用してテストしたところ、期待どおりに動作しました。Android 用の chrome を使用して、タブレットで見ようとしたときに驚きました。これは複雑ですが、カメラを制御するためのタッチパッドを作成することになっています。開始をキャプチャし、指をいずれかの側に 50 ピクセル移動すると、その方向に移動し始めます。パッドに触れるのをやめると、パッドが消えて動きが止まるはずです。一方、タブレットでこれを行うと、まったく動かず、さらに、タッチをやめると、指を動かした場合、パッドが隠れることはありません...これは私のコードの問題か、ブラウザ自体の問題か。

編集: Android 用の firefox を試してみましたが、動作します。それはクロムに関するものでなければなりません... e.preventDefault(); に関連していると思います。

コードは次のとおりです。