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