ウェブサイトをタブレット対応にしようとしていますが、奇妙な問題に直面しています。
Chrome 30 を搭載した Android 4.0 タブレットでテストしています。
固定モーダル ポップオーバー画面があります。この画面が表示されている間は、ユーザーが背景をスクロールできないようにするため、タッチ イベントが防止されます。ただし、このウィンドウには のスクロール可能な領域がoverflow:scroll
あるため、そこでタッチ開始イベントが検出された場合、タッチ イベントは防止されません。これまでのところ、Android は期待どおりに領域を責任を持ってスクロールします。
問題は、ユーザーがスクロール領域内の要素を約0.5秒間長押ししてからスクロールすると、タッチが開始された要素が一瞬選択されたように見えることです。その選択は少し後に消えます。ただし、ユーザーがそのビットの間にスクロールすると、スクロール可能な領域ではなくページ全体がスクロールします。まるでピントがずれているかのようです。どうしたの?
内部の要素に CSS 選択ルールを設定しようとしましたが、役に立ちませんでした。
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
他のすべての回答は、スクロールすることを意図しているためできないタッチイベントを防ぐことを示唆しています。これを引き起こしているアイデアはありますか?