uv-popup App滑动穿透问题，亲测有效

镇冰

已于 2024-04-28 16:59:53 修改

阅读量788

点赞数 10

分类专栏： uniapp 文章标签： uv uni-app css

于 2024-01-14 16:09:17 首次发布

本文链接：https://blog.csdn.net/LYT_XLS/article/details/135584270

版权

本文解决了App开发时，uv-popup内容滑动的同时，被覆盖页触发滚动问题，自创~~~
两种方式：

Way 1

页面结构：

  <view class="home-container-wrap">
    <scroll-view class="home-container" scroll-y></scroll-view>
    <uv-popup ref=

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

镇冰

关注关注

10
点赞
踩
9

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

uniapp微信小程序遮罩层u-popup禁止底层穿透

sjp991012的博客

09-24

850

【代码】uniapp微信小程序遮罩层u-popup禁止底层穿透。

uniapp使用u-popup组件弹窗出现页面还可滑动

weixin_53339757的博客

01-31

3350

解决u-popup出现遮罩层页面滑动问题

1 条评论您还未登录，请先登录后发表或查看评论

解决移动端滚动穿透问题

05-31

移动端当弹出遮罩层滚动时，底部禁止滚动，完美解决穿透问题

【问题解决】uniapp-Vue3中u-popup滑动页面穿透问题

z914020826的博客

08-13

2617

在我们用uniapp写小程序或者APP的时候，有时候会用到一些弹出框组件。但在弹出框内部滑动会引起整个页面的滑动，让整个页面看起来不是和很好。

uview2 u-popup组件视图滑动穿透问题

AK的博客

01-13

388

uview2 u-popup组件视图滑动穿透问题

解决uni-popup禁止滚动穿透

limmt2020的博客

06-25

1880

此样式表示取消区域触摸动作。在弹框内容页面中修改样式。

解决支付宝小程序uview组件u-popup遮罩滚动穿透问题

StayInCat的博客

04-19

5241

uni-app、u-popup、遮罩滚动穿透

uniapp uni-popup组件在微信小程序中滚动穿透问题

lauwen

12-01

2530

在微信小程序中使用uni-popup组件时，出现滚动穿透，并且uni-popup内部内容不会滚动问题。

Unity3D 脚本参考

热门推荐

02-01

1万+

Unity3D 脚本参考核心提示：一、脚本概览这是一个关于Unity 内部脚本如何工作的简单概览。Unity 内部的脚本，是通过附加自定义脚本对象到游戏物体组成的。在脚本对象内部不同志的函数被特定的事件调用。最常用的列在下面：Update：这个函数在渲染一帧之前被调用，这里是大部分游戏行为代码被执行的地方，除了物理代码。FixedUpd... 一、脚本概览这是一个关于Unit

uniapp在h5端popup会穿透下层页面进行滚动的解决方案

小孩子

04-02

704

【代码】uniapp在h5端popup会穿透下层页面进行滚动的解决方案。

uniapp中uni-popup在小程序中滚动穿透问题

社会人

11-25

655

uniapp中uni-popup在小程序中滚动穿透问题

完美解决VUX的popup组件滑动穿透的问题

weixin_30292745的博客

09-19

1292

　　最近使用vux的popup组件做个弹窗，在真机中使用发现存在滑动穿透的问题，即在弹出窗滑动内容，底层的内容也会跟着滑动，这种体验很不好。　　废话不多说，直接上解决方法：　　核心就是给根div添加固定定位。　　具体实现如下: <template> <div id='discounts' :class="{'fixed-touch':showDetail}...

解决uniapp uni-popup弹出层穿透滑动

weixin_58018769的博客

02-28

3391

需要在 data 中定义一个变量，用来表示。的开启关闭状态，并通过这个变量修改。的开启关闭状态，并赋值给上面的变量。根据官方文档给出的解决方法是。

解决uView2.0 Picker 选择器 (u-datetime-picker) 背景滚动，页面穿透的问题

gxdzi的博客

10-21

922

在组件的父级元素修改默认的事件。

uniapp使用uview ui库的popup或者overlay解决它的底层内容滚动问题

小孩子

03-18

1403

uniapp使用uview ui库的popup或者overlay解决它的底层内容滚动问题

uniapp编程u-popup滚动条穿模问题

dp17893的博客

03-20

949

给u-popup添加 :overlayStyle="{'touch-action':'none'}"方法阻止滚动条穿模。如图，下方页面滚动条穿模，导致u-popup弹出框不可滑动问题。同时在内部的view的类中添加，使其固定高度，允许滚动。（新人自由编写，如大佬有更好解决方法。新手编写uniapp页面时，遇到的问题。u-popup弹出框滚动条穿模。

【滚动穿透】解决uview弹出层滚动穿透问题

qq_34093387的博客

04-12

970

组件举例，找到u-popup根元素，在view加上事件。在组件父级元素增加事件。

小程序uni-popup弹窗阻止滚动样式穿透

xyj19990301的博客

06-17

579

uni-popup弹窗滚动到底部时再次拖动会触发后面滚动条的问题；uni-popup上定义change事件。定义的popuStyle参数赋值。template下添加一行。

uv-popup