Vueがモバイルエンドスリップイベントの侵入を防ぎます

プロジェクトの問題点

最終品目、CSS配置されたマスク層、マスク層の垂直スクロールバー、タッチスライドマスク層を移動、領域の下のマスク層も一緒にスライド。

ソリューション

1.マスク層は、スライドに応じて必要とされていない場合。使用VUEマスク層に直接上記の「デフォルトのイベントを防ぐために」:touchmove.prevent @
ここに画像を挿入説明
2マスク層は、スクロールバーを持っていますが、またスリップに応答する必要があります。マスク層が表示されたら、マスク層領域のCSSスタイル以下に絶対配置を達成するために、マスク層が消滅したときに、ページを設定します。スタイルを削除します。
CSSスタイル:ここに画像を挿入説明

おすすめ

転載: blog.csdn.net/weixin_43790802/article/details/91429837
おすすめ