微信小程序弹窗禁止页面滚动的实现代码
作者：任我行RQ 发布时间：2024-02-25 17:28:21
标签：小程序,弹窗,页面滚动
下面给大家介绍下小程序弹窗禁止页面滚动的效果：
在小程序弹窗时，外部页面禁止滚动， 可以在最外部容器设置catchtouchmove
但是如果弹窗内部也需要滚动，需要用scroll-view包裹，并设置scroll-ycatchtouchmove需要接收个方法，不然会一直警告
<view class="box">占位</view>
<view class="pop" catchtouchmove="touchMove">
<view class="popbg"></view>
<view class="popup">
<scroll-view scroll-y>
<view class="row" wx:for="{{10}}" wx:key="index">{{index}}</view>
</scroll-view>
</view>
</view>
.box {
height: 120vh;
}
.popbg {
position: fixed;
top: 0;
left: 0;
width: 100％;
height: 100％;
background: rgba(0, 0, 0, 0.7);
}
.popup {
position: fixed;
top: 20％;
left: 50％;
transform: translate(-50％, 0);
width: 70％;
background: #fff;
z-index: 1;
}
scroll-view {
height: 500rpx;
}
.row {
width: 100％;
height: 200rpx;
}
Page({
touchMove() {
return
}
})
来源：https://blog.csdn.net/ak852369/article/details/111991661
0
投稿猜你喜欢
- tk在科学养猪群里问bluerust、scz是否碰上过这个Python坑，示例1：bas = [ 'ba1', 'b
- 在pycharm中，当调用( import / from … import… )其他文件夹下的函数或模块，会发现编辑器无法识别（ can n
- 前言如果你学过操作系统，那么对于锁应该不陌生。锁的含义是线程锁，可以用来指定某一个逻辑或者是资源同一时刻只能有一个线程访问。这个很好理解，就
python open() 函数以指定模式打开一个文件，创建一个 file 对象，相关的方法才可以调用它进行读写。w 模- pycharm自带对两个文件比对更新模块，方便查找不同，进行修改替换。方法如下：1.选择目标文件，右键选择compare with2.选择对
- 在大学，有很多喜欢的课是需要抢的。但是，这个课的人数和座位都是有限的，今天这个教程教你如何抢到座位，有座位了还怕听不到课吗？赶紧学起来吧，真
- 写一个学生管理系统，最好用python。我都没学过python呢，只好开始临时抱佛脚，再到网上找找有没有例子看看，下面是我参照另一个博主写的
- Python 3.10.0a2 版本已经于 2020-11-04 发布，因此我们可以窥见 Python 3.10 的一些新特性。这些新特性很
- 杨紫和肖战的《余生请多指教》于3月15日起腾讯视频全网独播，湖南卫视金鹰独播剧场晚8:20播放。对于杨紫的纯剧粉（战长沙入的坑图片），想要用
- selenium主要是用来做自动化测试，支持多种浏览器，爬虫中主要用来解决JavaScript渲染问题。模拟浏览器进行网页加载，当reque
- 支持向量机常用于数据分类，也可以用于数据的回归预测1、Question?我们经常会遇到这样的问题，给你一些属于两个类别的数据（如子图1），需
- 本代码主要实现的是利用网络传输图片，用在我的树莓派项目之上。该项目在PC上运行服务端，树莓派上运行客户端，两者连接到同一局域网中，修改代码中
- 数据库操作类的优点优点可以说是非常多了，常见的优点就是便于维护、复用、高效、安全、易扩展。例如PDO支持的数据库类型是非常多的，与mysql
- 本文实例讲述了Python实现判断给定列表是否有重复元素的方法。分享给大家供大家参考，具体如下：题目很简单，只是简单温习一个方法，most_
- 目录楔子paramikoSSHClient 的使用connect：实现远程服务器的连接与认证set_missing_host_key_pol
- 1、update delete insert 这种语句都需要commit或者直接在连接数据库的时候加上autocommit=Trueimpo
- 本文实例讲述了php 多继承的几种常见实现方法。分享给大家供大家参考，具体如下：class Parent1 { function
- 前言：以往看到我博客的小伙伴可能都知道，我的前言一般都是吐槽和讲废话环节，哈哈哈哈。今天难得休息，最近可真是太忙了，博主已经连续一年都在99
- 用法示例：import random# 1）随机小数print(random.random()) # 获取大于0且小于1 之间的小数 &nb
- 本文实例讲述了Python遍历zip文件输出名称时出现乱码问题的解决方法。分享给大家供大家参考。具体如下：windows中使用python2
