微信小程序弹窗禁止页面滚动的实现代码
作者：任我行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
投稿猜你喜欢
这两周组里面几位想学习python，于是我们就创建了一个这样的环境和氛围来给大家学习。昨天在群里，贴了一个需求，就是统计squid访问日志中- Mysql Workbench是一款开源的数据库客户端，在IT行业这款开源的软件也是相当有名气的，很多使用musql的同仁都喜欢使用这款客户
- 1，file_put_contents()函数 2，使用PHP内置缓存机制实现页面静态化：output_bufferingphp中outpu
- 今天冒出来一个想法，在仅知道数据库名的情况下，用asp得到数据库中的所有表名、所有表的字段名、以及所有字段中的内容。经过一段时间查询资料和修
- PowerDesigner简介 工具的用途 ：这里我只介绍他在SqlServer数据库的应用，其它的我也不懂。工具的好处 ： 个人
- 如何使用，直接上代码/** * 安装node-xlsx插件 */var path = require('path')var
- 有时候导入本地模块或者py文件时，下方会出现红色的波浪线，但不影响程序的正常运行，但是在查看源函数文件时，会出现问题问题如下：解决方案：1.
- File System的缩写是fs，该模块提供本地文件的读写能力。Nodejs导入文件系统模块(fs)语法如下所示：var fs = req
- sqlx是Golang中的一个知名三方库，其为Go标准库database/sql提供了一组扩展支持。使用它可以方便的在数据行与Golang的
- JavaScript的对象都是实例化了的,只可以使用而不能够创建继承于这些对象的新的子类. window对象为所有对象的Parent win
- 当我发现要写python的面向对象的时候，我是踌躇满面，坐立不安呀。我一直在想：这个坑应该怎么爬？因为python中关于面向对象的内容很多，
- 什么是跨域跨域是浏览器的专用概念，指js代码访问自己来源站点之外的站点。比如A站点网页中的js代码，请求了B站点的数据，就是跨域。A和B要想
- 0. 学习目标线性表在计算机中的表示可以采用多种方法，采用不同存储方法的线性表也有着不同的名称和特点。线性表有两种基本的存储结构：顺序存储结
- 授权就是为某个用户赋予某些权限。例如，可以为新建的用户赋予查询所有数据库和表的权限。MySQL 提供了 GRANT 语句来为用户设置权限。在
- 前言在上一篇文章PyG搭建GCN前的准备：了解PyG中的数据格式中，大致了解了PyG中的数据格式，这篇文章主要是简单搭建GCN来实现节点分类
- 本文介绍用python实现的搜索本地文本文件内容的小程序。从而学习Python I/O方面的知识。代码如下：import os#根据文件扩展
- 系统环境：centos7.4一,查看是否安装有数据库：yum list installed | grep mysqld/mariadb二，安
- 上边文章中提到win的性能监视器是监控数据库性能必备的工具，接下来我就给大家介绍一些常见的监控指标，其实无非就是磁盘，cpu，内存等硬件的运
- PHP 301跳转的小代码<?php $the_host = $_SERVER['HTTP
- JupyterLab 是 Jupyter 主打的最新数据科学生产工具，某种意义上，它的出现是为了取代Jupyter Notebook。它作为
