微信小程序中禁止当前页面的上下滑动处理

在微信小程序中定义了一个半透明遮罩层，上面显示提示的文字；

但是这是一个长页面，遮罩出现的时候，页面依然可以上下滑动；

为了在遮罩出现的时候禁止用户滑动页面，如下处理：

给这个遮罩层绑定事件：使用 catchtouchmove

<view catchtouchmove="noneEnoughPeople">我是遮罩层
</view> function noneEnoughPeople(){console.log('啥也不干就行，空函数哈哈哈');
}

微信小程序中禁止当前页面的上下滑动处理相关推荐

微信小程序参数传递获取当前页面的url和参数
页面跳转添加参数 wx.navigateTo({url: `../deeddetail/deeddetail?id=${e.currentTarget.dataset.id}`, }) 接收optio ...
微信小程序界面禁止下拉左右滑动_微信 iOS 版更新，带来了这些新功能
果粉俱乐部让科技更好的服务生活点击上方「蓝字」加入我们 iOS 13 正式版系统即将到来,第三方应用已经开始陆续更新适配,微信在 9 月 17 号也推出了新的 iOS 版 7.0.7 版本更新. ...
微信小程序界面禁止下拉左右滑动_手机 QQ v8.0 正式版上线，新界面，新功能...
本文授权转自艾橙互动公众号. 经过一段时间内测,QQ手机版8.0 版本正式上线了. 目前iOS 版本已经更新,iOS 用户可以通过在App Store 进行更新体验,目前版本为v8.0.0.472. ...
微信小程序中的页面文件和组件
页面文件页面构造器 JS文件页面的JS文件,用于书写当前页面所需要的脚本代码以及生命周期函数. Page() : 注册了一个页面接收一个对象,该对象用于配置当前页面所需内容. 该对象拥有的属性: ...
微信小程序中的Page
微信小程序中的Page Page()定义在js文件中,Page() 函数用来注册一个页面. Page()函数接受一个 object 参数,其指定页面的初始数据.生命周期函数.事件处理函数等. obje ...
微信小程序中this指向作用域问题this.setData is not a function报错
在微信小程序中我们一般通过以下方式来修改data中的数据 this.setData({index1: e.detail.value}) 比如在函数里面修改数据 bindFaChange1: funct ...
在微信小程序中绘制图表（part2）
本期大纲 1.确定纵坐标的范围并绘制 2.根据真实数据绘制折线相关阅读: 在微信小程序中绘制图表(part1) 在微信小程序中绘制图表(part3) 关注我的 github 项目查看完整代码. 确 ...
微信小程序中带参数返回上一页的方法总结（三种）
本篇文章给大家带来的内容是关于微信小程序中带参数返回上一页的方法总结(三种),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 方法一把当前页面数据放入本地缓存( wx.setStor ...
微信小程序中下载app的方法
微信小程序中下载app的方法因为微信小程序本身是不推荐引流到外部的,所以正规的方法其实都是被禁止掉的,大致方向是打开内部浏览器,进入应用宝下载页面(如果app接入应用宝),或者是通过右上角的在系统浏 ...

微信小程序中禁止当前页面的上下滑动处理

微信小程序中禁止当前页面的上下滑动处理相关推荐

最新文章

热门文章