如何阻止小程序遮罩层下方图层滚动


Posted in Javascript onSeptember 05, 2019

这篇文章主要介绍了如何阻止小程序遮罩层下方图层滚动,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

如何阻止小程序遮罩层下方图层滚动

原因是因为:

touchmove事件冒泡;

解决方案:

阻止遮罩层冒泡,在小程序里面 利用catch+事件名就可以阻止冒泡,

所以 在遮罩层填上事件

catchtouchmove="preventdefault"

小程序1.5.0后可以写上

capture-catch:touchmove="preventdefault"

完美 哈哈;

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Egret引擎开发指南之创建项目
Sep 03 Javascript
Bootstrap入门书籍之(五)导航条、分页导航
Feb 17 Javascript
基于jQuery实现收缩展开功能
Mar 18 Javascript
浅谈Cookie的生命周期问题
Aug 02 Javascript
javascript显示系统当前时间代码
Dec 29 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
Mar 21 jQuery
详解jquery插件jquery.viewport.js学习使用方法
Sep 08 jQuery
web3.js增加eth.getRawTransactionByHash(txhash)方法步骤
Mar 15 Javascript
node实现生成带参数的小程序二维码并保存到本地功能示例
Dec 05 Javascript
Vue2(三)实现子菜单展开收缩,带动画效果实现方法
Apr 28 Javascript
Vue如何将页面导出成PDF文件
Aug 17 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
Nov 05 Javascript
layui多iframe页面控制定时器运行的方法
Sep 05 #Javascript
解决layer.msg 不居中 ifram中的问题
Sep 05 #Javascript
JS中比Switch...Case更优雅的多条件判断写法
Sep 05 #Javascript
layer实现弹出层自动调节位置
Sep 05 #Javascript
vue使用i18n实现国际化的方法详解
Sep 05 #Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
Sep 05 #Javascript
一文看懂如何简单实现节流函数和防抖函数
Sep 05 #Javascript
You might like
linux iconv方法的使用
2011/10/01 PHP
解决PHP4.0 和 PHP5.0类构造函数的兼容问题
2013/08/01 PHP
PHP中error_log()函数的使用方法
2015/01/20 PHP
WampServer搭建php环境时遇到的问题汇总
2015/07/23 PHP
php实现HTML实体编号与非ASCII字符串相互转换类实例
2016/11/02 PHP
图片轮换效果实现代码(点击按钮停止执行)
2013/04/12 Javascript
AngularJS内置指令
2015/02/04 Javascript
JavaScript中使用自然对数ln的方法
2015/06/14 Javascript
javascript中offset、client、scroll的属性总结
2015/08/13 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
2016/05/10 Javascript
jQuery获取同级元素的简单代码
2016/07/09 Javascript
JavaScript重定向URL参数的两种方法小结
2016/10/19 Javascript
响应式框架Bootstrap栅格系统的实例
2017/12/19 Javascript
详解nodejs解压版安装和配置(带有搭建前端项目脚手架)
2018/12/06 NodeJs
实现高性能javascript的注意事项
2019/05/27 Javascript
Jquery使用each函数实现遍历及数组处理
2020/07/14 jQuery
使用C#配合ArcGIS Engine进行地理信息系统开发
2016/02/19 Python
Python基于正则表达式实现文件内容替换的方法
2017/08/30 Python
python出现"IndentationError: unexpected indent"错误解决办法
2017/10/15 Python
利用Tkinter(python3.6)实现一个简单计算器
2017/12/21 Python
Python中 传递值 和 传递引用 的区别解析
2018/02/22 Python
pandas series序列转化为星期几的实例
2018/04/11 Python
python脚本实现验证码识别
2018/06/07 Python
在Python中居然可以定义两个同名通参数的函数
2019/01/31 Python
关于win10在tensorflow的安装及在pycharm中运行步骤详解
2020/03/16 Python
全球最大的网上自行车商店:Chain Reaction Cycles
2016/12/02 全球购物
夏洛特和乔治婴儿和儿童时装精品店:Charlotte and George
2018/06/06 全球购物
JAKO-O德国野酷台湾站:德国首屈一指的婴幼童用品品牌
2019/01/14 全球购物
美国踏板车和轻便摩托车销售网站:Mega Motor Madness
2020/02/26 全球购物
酷瑞网络科技面试题
2012/03/30 面试题
静态成员和非静态成员的区别
2012/05/12 面试题
软件测试工程师笔试题带答案
2015/03/27 面试题
证券期货行业个人的自我评价
2013/12/26 职场文书
国贸专业的职业规划范文
2014/01/23 职场文书
2014党的群众路线教育实践活动总结报告
2014/10/31 职场文书
Jmerte 分布式压测及分布式压测配置
2022/04/30 Java/Android