Web コンテンツ オーバーレイ (レスポンシブ Web サイトを指す) を含む InDesign マガジンを持っています。スクロール以外はすべて問題なく動作します。
垂直スクロール (上下) のみが必要で、水平スクロールは必要ありません。
問題
ユーザーが左右にスワイプすると、雑誌のページが変わり、Web コンテンツが閉じます。
質問
スクロール イベントが Web コンテンツ オーバーレイから雑誌に伝播するのを防ぐ方法はありますか? これは、Web コンテンツが表示される各ページではなく、1 か所で編集するだけでよいことを意味するため、Web コンテンツ自体から (JavaScript などを使用して) 行うことが望ましいです。
試みた
touchmoveページの本文でイベントをキャッチし、それを呼び出しstopPropagation()ます。- イベントの呼び出し
preventDefault()(これにより、スクロールがまったく停止します)。 touchmoveイベントでpageX を使用しpreventDefault()、水平スワイプのように見えるものを呼び出します (信頼性が低すぎます)。- CSS の使用
overflow-x: hidden - jQuery Mobile のカスタム スクロール イベント。
- 上記のいくつかの組み合わせ。