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


Posted in Javascript onSeptember 05, 2019

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

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

原因是因为:

touchmove事件冒泡;

解决方案:

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

所以 在遮罩层填上事件

catchtouchmove="preventdefault"

小程序1.5.0后可以写上

capture-catch:touchmove="preventdefault"

完美 哈哈;

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

Javascript 相关文章推荐
js 浮动层菜单收藏
Jan 16 Javascript
jquery $.fn $.fx是什么意思有什么用
Nov 04 Javascript
jQuery里filter()函数与find()函数用法分析
Jun 24 Javascript
jquery动态导航插件dynamicNav用法实例分析
Sep 06 Javascript
第六篇Bootstrap表格样式介绍
Jun 21 Javascript
AngularJS 指令的交互详解及实例代码
Sep 14 Javascript
用jQuery的AJax实现异步访问、异步加载
Nov 02 Javascript
vue在自定义组件中使用v-model进行数据绑定的方法
Mar 25 Javascript
基于 jQuery 实现键盘事件监听控件
Apr 04 jQuery
layui 弹出删除确认界面的实例
Sep 06 Javascript
在Vue.js中使用TypeScript的方法
Mar 19 Javascript
JS中循环遍历数组的四种方式总结
Jan 23 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
php set_time_limit(0) 设置程序执行时间的函数
2010/05/26 PHP
PHP文件注释标记及规范小结
2012/04/01 PHP
PHP 文本文章分页代码 按标记或长度(不涉及数据库)
2012/06/07 PHP
parentElement,srcElement的使用小结
2014/01/13 Javascript
javascript处理表单示例(javascript提交表单)
2014/04/28 Javascript
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
2015/11/18 Javascript
javascript代码调试之console.log 用法图文详解
2016/09/30 Javascript
jquery对所有input type=text的控件赋值实现方法
2016/12/02 Javascript
JS实现模糊查询带下拉匹配效果
2018/06/21 Javascript
微信小程序实现图片上传放大预览删除代码
2020/06/28 Javascript
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
2018/09/27 Javascript
基于AngularJs select绑定数字类型的问题
2018/10/08 Javascript
微信小程序自定义轮播图
2018/11/04 Javascript
详解js 创建对象的几种方法
2019/03/08 Javascript
vue使用自定义指令实现拖拽
2021/01/29 Javascript
vue+elementUi图片上传组件使用详解
2019/08/20 Javascript
vue props对象validator自定义函数实例
2019/11/13 Javascript
Vue ​v-model相关知识总结
2021/01/28 Vue.js
ES6的循环与可迭代对象示例详解
2021/01/31 Javascript
python魔法方法-属性转换和类的表示详解
2016/07/22 Python
python DataFrame 修改列的顺序实例
2018/04/10 Python
django的聚合函数和aggregate、annotate方法使用详解
2019/07/23 Python
python中下标和切片的使用方法解析
2019/08/27 Python
python中return的返回和执行实例
2019/12/24 Python
Python drop方法删除列之inplace参数实例
2020/06/27 Python
python中实现栈的三种方法
2020/12/19 Python
利用HTML5 Canvas API绘制矩形的超级攻略
2016/03/21 HTML / CSS
英国日常交易网站:Wowcher
2018/09/04 全球购物
什么是事务?事务有哪些性质?
2012/03/11 面试题
Linux面试经常问的文件系统操作命令
2016/10/04 面试题
采购经理岗位职责
2014/02/16 职场文书
学习决心书
2014/03/11 职场文书
法律专业自荐信
2014/06/03 职场文书
工程技术负责人岗位职责
2015/04/13 职场文书
小学生勤俭节约倡议书
2015/04/29 职场文书
高质量“欢迎词”
2019/04/03 职场文书