有大佬遇到过这个问题吗?
我今天也遇到了这个问题,已经解决了,你可以试一试。
在<u-popup>上添加 @touchmove.stop.prevent,然后需要滚动的部分使用uni的scroll-view组件设置scroll-y="true"
<u-popup :show="showPanel" mode="center" closeable safeAreaInsetTop @close="closePanel" @touchmove.stop.prevent> <view > <scroll-view scroll-y="true" class="scroll-Y" > <view class="panelItem" v-for="(item,index) in panelList" :key="index"> </view> </scroll-view> </view> </u-popup>
介绍 创建一个遮罩层,用于强调特定的页面元素,并阻止用户进行其他操作。 引入 import { createApp } from 'vue'; import { Overlay } from 'vant'; const app = createApp(); app.use(Overlay); 代码演示 基础用法 <van-button type="primary" text="显示遮罩层" @
Mask 遮罩层 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ 基本使用 通过show参数配置是否显示遮罩 遮罩被点击时,会发送一个click事件,如不需要此事件,请设置mask-click-able参数为false <template> <u-mask :show="show" @click="show = false">
本文向大家介绍Jquery实现遮罩层的方法,包括了Jquery实现遮罩层的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Jquery实现遮罩层的方法。分享给大家供大家参考。具体如下: 1、假设#main为页面body中的最外层Div标签 2、背景被遮罩后,显示的弹出窗(默认是不显示的,所包含的CSS这里就不贴了): 3、在script.js中定义遮罩函数以及弹出窗操作函数,当然scr
本文向大家介绍jquery实现简单的遮罩层,包括了jquery实现简单的遮罩层的使用技巧和注意事项,需要的朋友参考一下 本文实例讲解了jquery遮罩层,包括遮罩层的不同样式实现、mask实现遮罩层等,分享给大家供大家参考,具体内容如下 一、jQuery实现遮罩层的不同样式 1.1 背景半透明遮罩层样式 需要一个黑色(当然也可以其他)背景,且须设置为绝对定位,以下是项目中用到的css样式: 1.2
本文向大家介绍jQuery遮罩层实现方法实例详解(附遮罩层插件),包括了jQuery遮罩层实现方法实例详解(附遮罩层插件)的使用技巧和注意事项,需要的朋友参考一下 本文实例分析了jQuery遮罩层实现方法。分享给大家供大家参考,具体如下: 1 背景半透明遮罩层样式 需要一个黑色(当然也可以其他)背景,且须设置为绝对定位,以下是项目中用到的css样式: 2 jQuery实现遮罩 3 提示框 遮罩的目
定义 用于弹层等需要遮挡底部内容。 图片展示 代码演示 import Mask from 'pile/dist/components/mask' <Mask transparent={true} /> 属性 参数 描述 数据类型 默认值 transparent 是否透明(true:是,false:否) bool false hidden 是否隐藏(true:是,false:否) bool