针对你提到的u-popup无法滚动的问题,这里有几个可能的解决方案和检查点,帮助你逐步排查并解决问题: 1. 检查CSS样式 首先,确保u-popup的CSS样式中没有设置overflow: hidden或其他会阻止滚动的属性。如果设置了这些属性,滚动条将不会显示,因此内容无法滚动。你可以通过浏览器的开发者工具来检查并修改这些样式。 css ...
简介: uniapp遮罩层穿透问题,uview遮罩层组件,uview的actionSheet组件.鼠标穿透,uview组件u-popup遮罩滚动穿透问题 问题背景: 使用uniapp或者uview组件时,涉及到遮罩层的出现,一般会随之出现一个问题,就是当长按出现遮罩层时,此时不松手,往下滑动屏幕,还是会触发当前页面所涉及到的页面滚动甚至下拉刷新事件. 看了下...
2023-07-06 uniapp的u-popup在内容超出固定高度的界面时设置overflow-y:scroll,小程序端可以显示滚动,app端(android)则无法滚动,解决方案:给要滚动的内容包裹一层scroll-view 如题。 分类:uniapp 好文要顶关注我收藏该文微信分享 叶乘风 粉丝-2关注 -3...
在scroll-view组件下方放一块无需滚动内容,如下: <template><viewclass=""><u-button@click="show = true;">打开弹窗</u-button><u-popupmode="bottom"v-model="show"><viewclass="content"><scroll-viewscroll-y="true"style="height:300rpx;"><view><viewv-for="index in 20":key="index">第{...
关于解决uniapp--uni-popup或uview--u-popup内部元素设置over-flow无法滑动的解决方式 解决方式:uni-popup添加上@touchmove.stop.prevent=""即可
uni-popup-message、uni-popup-dialog等扩展ui组件,需要和uni-popup配套使用,暂不支持单独使用 nvue中使用uni-popup时,尽量将组件置于其他元素后面,避免出现层级问题 uni-popup并不能完全阻止页面滚动,可在打开uni-popup的时候手动去做一些处理,禁止页面滚动 ...
方法1:直接禁用滚动容器的overflow,然后记录scrollTop并恢复,这种方法不适合我们当前场景。 1. 浮层的入口有多个页面 2. 浮层后面可滚动的容器有多个(3个) 3. 滚动容器有横向和纵向滚动,很难记录scrollTop和scrollLeft 1. 2. 3. 方法2:禁用touchmove事件,同样会导致弹层容器无法滚动,很不幸我们的弹层需要能够...
umicro/uViewPublic NotificationsYou must be signed in to change notification settings Fork769 Star4.1k New issue cnLiuMingopened this issueJun 19, 2020· 2 comments cnLiuMingcommentedJun 19, 2020 cnLiuMingclosed this ascompletedJun 27, 2020...
在<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 ...
padding: 60rpx 30rpx; //这里的上下padding一定要大,否则点不到关闭按钮(我一直以为是没有执行close回调,结果是富文本框把按钮盖住了,并且从视觉上并没有遮挡) } 显示关闭按钮的弹框组件,内部的自定义内容一定要有足够的padding距离,否则无法点击到关闭按钮。