特定の要素をタッチして移動するときにスクロールを無効にする 質問する

特定の要素をタッチして移動するときにスクロールを無効にする 質問する

図面をスケッチするセクションがあるページがあります。しかし、モバイル ブラウザーで使用する場合、タッチ移動イベント (少なくとも垂直方向のイベント) によってページがスクロールされ (スケッチ エクスペリエンスが低下します) ます。a) ページのスクロールを無効にしてから再度有効にする (各行の開始時にスクロールをオフにし、各行の完了後に再びオンにすることができます)、または b) スケッチが描画されるキャンバスに送信されるタッチ移動イベント (およびおそらくスクロール) の既定の処理を無効にする (スケッチで使用するため、完全に無効にすることはできません) 方法はありますか?

違いがあるかどうかはわかりませんが、スケッチには jquery-mobile vmouse ハンドラーを使用しました。

アップデート: iPhone では、スケッチするキャンバスを選択したり、描画する前に指を少しの間押したままにしたりすると、ページがスクロールしません。これは、ページにコーディングした内容が原因ではありません。

ベストアンサー1

をセットするタッチアクションCSSプロパティを にnone設定することで、パッシブイベントリスナー:

touch-action: none;

このプロパティを要素に適用すると、イベントの発生元がそれ要素。

おすすめ記事