微信小程序 弹出层 禁止页面滚动的方法_小程序禁用滚动条_代码搬运媛的博客-程序员宅基地

技术标签: 小程序  微信小程序专栏  

场景描述

添加自定义的弹出框后,当滚动鼠标时下边的页面也会跟着滚动。

解决方案

为了在遮罩出现的时候禁止用户滑动页面,如下处理:
给这个遮罩层 绑定事件: 使用 catchtouchmove

(1)在弹出层上添加 catchtouchmove=’true’

<!--弹出框  -->
<view class="sh_Model_box" catchtouchmove='true'>
...
</view>

(2)也可以绑定有一个空事件

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

注意:开发工具的模拟器上没有效果,必须真机测试,真机上才有效果。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/sinat_33255495/article/details/116739617

智能推荐

AngularJS 数据绑定,双向绑定(ng-model)_angularjs数据绑定转换为数值类型-程序员宅基地

数据双向绑定:视图上的数据通过表单元素绑定到Model模型($scope)上。 (用户只能通过表单元素输入数据)demo.html:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;AngularJS&lt;/title&_angularjs数据绑定转换为数值类型

DataBinding的用法(简洁易懂)_打开 databangding-程序员宅基地

什么是DataBindingAndroid 团队发布的一个数据绑定框架。开发者可以直接在 xml 文件中绑定数据,再也不用findViewById 然后再手工设置数据了。1、打开DataBinding开关 2、编写DataBinding风格的布局文件 3、使用DataBinding1、打开DataBinding开关 在项目的build.gradle里加入下面的代码即可。dataBinding{_打开 databangding

(Vue+SpringBoot)使用ElementUi的el-upload上传更新用户头像_elementui 更改头像-程序员宅基地

实现功能如下:点击修改按钮后选择本地文件点击打开后修改成功,头像修改完毕。-------------------------------------------------Vue代码:<el-upload class="avatar-uploader" action="http://localhost:8080/users/updateHeadPortrait" :show-file-list="false" :on-success="hand.._elementui 更改头像

Java基础面试题——IO流_java面试io流_爱分享的板栗老哥的博客-程序员宅基地

IO流流的分类按方向输入流:将<存储设备>中的内容读到<内存>中输出流:将<内存>中的内容写到<存储设备>中白嫖资料按单位字节流:以字节为单位,可以读写所有数据字符流:以字符为单位,只能读写文本数据按功能节点流:具有实际传输数据的读写功能过滤流:在节点流的基础之上增强功能字节流//InputStream 字节输入流public int read(){}public int read(byte[] b){}public_java面试io流

Android网络请求忽略https证书验证_android手机怎么kill ssl-程序员宅基地

在使用Volley和OkHttp,Retrofit的时候,访问https的网站,经常会碰到一个异常就是javax.net.ssl.SSLHandshakeException,大致就是证书相关的异常。一般这种情况下会报的异常是这样的:javax.net.ssl.SSLHandshakeException: java.security.cert.CertPathValidatorException: Trust anchor for certification path not found.._android手机怎么kill ssl

React Native 项目常用第三方组件汇总:_reactnative项目-程序员宅基地

React Native 项目常用第三方组件汇总:React-native-animatable 动画react-native-carousel 轮播react-native-countdown 倒计时react-native-device-info 设备信息react-native-fileu_reactnative项目

随便推点

Vue 前端限制用户短时间内多次点击同一按钮-程序员宅基地

Vue 前端限制用户短时间内多次点击同一按钮方案一:自定义指令方案二:全局通用loading两种方案结合更好使用;

.DS_Store 文件是什么macOS_image type not supported: .ds_store-程序员宅基地

作者:子生链接:https://www.zhihu.com/question/20345704/answer/14837127来源:知乎著作权归作者所有,转载请联系作者获得授权。与双系统无关。在Mac OS上会存在。DS_Store 是用来存储这个文件夹的显示属性的:比如文件图标的摆放位置。删除以后的副作用就是这些信息的失去。(当然,这点副作用其实不是太大)_image type not supported: .ds_store

torch.nn 与 torch.nn.functional的区别?如何选择?_torch nn functional-程序员宅基地

前言:在ptorch中,torch.nn和torch.nn.functional模块下包含了许多功能相同、用法相似的方法,比如:1. torch.nn.Softmax(dim=1)(x) 和torch.nn.functional.softmax(x, dim=1):实现了对x在行维度上进行softmax,2.torch.nn.Conv2d(3, 6, 5)(x) 和 torch.nn.functional.conv2d(x, weight=torch.rand(6, 3, 5, 5)):实现.._torch nn functional

一个有意思的bug fix,能够体现出对代码熟悉的程度与水平_.cpp:1095 (discriminator 5)-程序员宅基地

其实要多说一句,有的时候,由于deadline的存在,对不熟悉的code 提交patch的优劣程度是研究的时间来决定的。如果时间充足,把出问题部分的代码上下文debug清楚,对于patch的质量肯定是有提高的,但是如果时间不够充足,只能采用时间范围内能够找到的最优方案。webkit是一个庞大的代码库,即使我在工作中经常读到或者debug到的code也不会超过10%,比较熟悉的部分不会超过5%。..._.cpp:1095 (discriminator 5)

initializing of server in progress as process 4656-程序员宅基地

执行mysqld --initialize --console的时候出现的错误,信息如下C:\Windows\system32>mysqld --initialize --console2020-05-09T02:14:25.703431Z 0 [System] [MY-013169] [Server] D:\Program Files\MySQL\mysql-8.0.20-winx64\bin\mysqld.exe (mysqld 8.0.20) initializing of serv.

【数电】(三)逻辑代数的基本定律、恒等式以及卡诺图_数电定律-程序员宅基地

根据上一节介绍过的逻辑与、或、非三种基本逻辑运算可以推导出下面的逻辑代数基本定律和恒等式红笔勾画的较为重要,特别是摩根定律,很多学科都适用,比如概率论。A+Ā·B=A+B这个公式我个人认为是非常重要的,其他的公式刷题刷多了基本上都能看出来,这个公式纯靠记。其中摩根定律可以衍生出很多变化形式,需要多刷题加深理解。卡诺图化简法最小项的定义n个变量X1、X2、…、Xn的最小项是n个因子的乘积,每个变量都以它的2原变量或非变量的形式在乘积项中出现,且仅出现一次。例如:A、B、C三个逻辑变量的最小项有2_数电定律