解决uniapp使用uView框架里u-popup组件后，一个盒子内容超出屏幕真机滚动不了问题，模拟器可以滚动。

最新推荐文章于 2024-05-18 14:22:38 发布
最新推荐文章于 2024-05-18 14:22:38 发布
阅读量4.3k 收藏 2
点赞数
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FUFCY/article/details/127268006
版权

更改前

使用了u-popup模拟器可以滚动，真机上不能滚动这样的效果

更改后

使用了u-popup模拟器可以滚动，真机上也能滚动这样的效果

改后的代码

 

要在u-popup组件加宽度/高度和u-popup包囊第一个盒子设置高度和overflow-y: scroll;就可以了

 

 

SY_FC
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uniapp uView u-picker组件三级联动Demo
02-12
- 1、分2个入口：一个添加，一个编辑（编辑涉及到数据回显） - 2、添加的时候，展示的数据是默认的，是上一列第一行数据的详情（所有的年级（第一列），一年级对应的班（第二列），一班对应的学生（第三列）） - 3、...
uniapp使用uview组件实现省市区三级联动
06-29
uniapp使用uview组件实现省市区三级联动； 文件下载后，需要在项目中引入uview组件方可使用； 数据附带在文件中
在uniapp 中 uni-popup 内容过多的时候 滚动不了的问题
最新发布
m0_73035846的博客
05-18 236
我在用这个组件的时候，发现，限制一定的高度，如果内容太多，就会滚定不了，卡在哪里，如果不给高度，内容就会撑开满屏的状态，然后找了很多方法，也算找到了。
uniapp - u-popup内容超出盒子，不可以滚动
新人一枚，互相学习哦！
03-31 769
popup
uniapp 页面 内容超过屏幕高度，就会导致产生页面滚动
tengyuxin的博客
09-28 5929
问题是如何动态设置沾满屏幕的高度，我想要flex:auto，这样就很方便。”这个模块，循环100此后，就会超出页面高度，就会产生页面滚动，连带着“所以，在app.vue界面设置 page{ height: 100% }解决思路如下：要给scroll-Y设置一个固定高度，这样就会产生滚动条。”这个模块也跟着滚动。
uni-popup组件内部无法滚动问题记录
Junikusa的博客
04-11 1772
uni-popup组件，内部无法滚动。
vue 弹窗显示时，底部页面不能滚动，弹窗隐藏时，底部弹窗可以滚动
yinge0508的博客
03-03 438
vue 弹窗显示时，底部页面不能滚动，弹窗隐藏时，底部弹窗可以滚动
uniapp-tailwind-uview-starter:利用uniapp + tailwindcss + uview构建的一套基础模板，可以使用Webstorm或者vscode开发
04-03
uniapp-tailwind-uview-starter利用uniapp + tailwindcss + uview构建的一套基础模板背景：之前用uniapp + uview开发了一大一小两个小程序， css方案用的原子风格的，发现用的还是挺爽的，就在想能不能用上tailwind...
uniapp里面使用uview-ui框架
05-14
uniapp里面使用uview-ui框架
uniapp+uview框架模板
12-03
uniapp+uview框架模板
解决uniapp使用三方四级联动插件ehPicker 配合uni-popup弹出层使用时出现无法滑动的问题
超级小恐龙~
04-25 6139
浪费了两小时的时间纠结在ehPicker 插件上，研究修改对比后要相信自己，排除插件本身原因，继续寻找其他问题突破，莫要浪费时间！！ 出现问题的原因在uni-popup上：@touchmove.stop.prevent="clear" uni-popup组件默认是阻止了默认事件的冒泡 因为我整个项目中只用到了这一处弹出层组件，所以 解决办法直接修改un-popup组件，去掉@to...
uni-popup使弹窗外的页面内容无法滑动解决方案
weixin_49245357的博客
07-27 1773
关于uni-popup弹窗出现的问题
uniapp解决使用scroll-view后，页面内容超出页面还存在的页面滚动
m0_74853896的博客
09-21 1049
scroll-view的高度不易设置为100%或者太大，否则还是会有页面滚动。设置好scroll-view的高度，页面的滚动也就自然而然的消失了。这个原因就是需要设置scroll-view的高度。
uniapp中使用u-popup组件导致的弹框下面的页面可滑动现象
qq_42549017的博客
02-01 1263
同事使用的u-popup组件，然后就有了弹框出来了，但是底下的页面仍然可以滑动，没办法，有问题就解决问题，在网上找了一圈，找的第一种方法，也是看到最多次的方法，但对我没用。于是又花时间找了一圈，找到了一用就好的方法，真的是为了一个bug花费了我老长时间，希望你们不踩坑。步骤一：在main.js中写入两个方法 一个是可以滚动方法 一个是禁止滚动方法。步骤二：在使用弹框的页面调用该方法，在弹窗需要弹出展示前先调用禁止滚动的方法。在关闭弹窗之前调用滚动方法。
关于解决uniapp超出部分无法上下无法滑动问题
qq_63997101的博客
07-02 2788
没有修改代码之前的最外层代码为得到的效果是这样的 ：超出的部分上下是不可以进行滑动的。
解决uview中uni-popup弹出层不能设置高度问题
逆水行舟 不进则退
11-29 2964
微信小程序中使用u-popup弹出层，设置弹出层的高度
【滚动穿透】解决uview弹出层滚动穿透问题
qq_38398039的博客
09-02 1860
解决uview滚动穿透
uniapp使用uView的骨架屏导致页面高度报错问题
weixin_47097512的博客
04-19 517
uniapp使用uView的骨架屏导致页面高度一直未定义报错问题，直接删除骨架屏即可
uniapp用uview的u-read-more遍历显示一个数组的对象内容，使用模板字符串渲染
05-04
假设你的数组对象为`list`，其中每个对象都有`title`和`content`两个属性，可以按照如下步骤使用模板字符串渲染： 1. 在`template`中定义一个`u-read-more`组件，并遍历`list`数组，使用`v-for`指令将每个对象渲染成一个组件。 ```html <template> <view> <u-read-more v-for="(item, index) in list" :key="index"> <view slot="title">{{ item.title }}</view> <view slot="content">{{ item.content }}</view> </u-read-more> </view> </template> ``` 2. 在`script`中定义`list`数组，并为每个对象的`content`属性赋值一段较长的文本，用于测试`u-read-more`组件的效果。 ```js <script> export default { data() { return { list: [ { title: '对象1标题', content: '这是对象1的较长的文本内容，用于测试u-read-more组件的效果。这是对象1的较长的文本内容，用于测试u-read-more组件的效果。这是对象1的较长的文本内容，用于测试u-read-more组件的效果。' }, { title: '对象2标题', content: '这是对象2的较长的文本内容，用于测试u-read-more组件的效果。这是对象2的较长的文本内容，用于测试u-read-more组件的效果。这是对象2的较长的文本内容，用于测试u-read-more组件的效果。' } ] } } } </script> ``` 这样就可以使用`u-read-more`组件遍历数组对象内容，并且使用模板字符串渲染了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值