阻止vue移动端滑动事件穿透

匿名 (未验证) 提交于 2019-12-02 23:40:02

项目遇到的问题

移动端项目,css设置遮罩层,遮罩层有纵向滚动条,触摸滑动遮罩层,遮罩层下面的区域也一起滑动。

解决方法

1.如果遮罩层也不需要响应滑动。直接在遮罩层上面使用vue的“阻止默认事件”:@touchmove.prevent

2. 遮罩层有滚动条,也需要响应滑动。在遮罩层出现的时候给遮罩层下面的区域css样式实现绝对定位,定在页面中,遮罩层消失的时候。移除样式。
css 样式:

文章来源: https://blog.csdn.net/weixin_43790802/article/details/91429837
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!