【报Bug】cover-view组件中内容溢出纵向滚动是不是不支持啊

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win11

HBuilderX类型：正式

HBuilderX版本号： 4.08

手机系统： Android

手机系统版本号： Android 14

手机厂商：小米

手机机型：红米K60

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

 <cover-view class="scrollBox">  
          <cover-view class="station" v-for="(item, index) in 20">  
            {{ index }}  
          </cover-view>  
        </cover-view>  

.scrollBox {  
        overflow: scroll;  
        width: 100%;  
        height: 800rpx;  
        background-color: red;  
        .station {  
          width: 100%;  
          height: 102rpx;  
        }  
      }

操作步骤：

真机上手指上下滑动

预期结果：

scrollBox 容器可以上下滚动

实际结果：

scrollBox在App中无法滚动在H5中正常

bug描述：

cover-view组件中的内容超出容器以后给overflow：scroll 在App中不生效，H5中是OK的，因为我在需要在地图的上边有个弹框里边的内容需要纵向滚动，不支持的话有没有什么更好的解决方案

2024-04-20 14:05 负责人:无分享

1 个回复

困难总比办法多

在hello uni-app的接口-界面-原生子窗体中，有完整的subNVue示例，包括带渐变色的原生导航栏、可遮盖地图的侧滑菜单、可从顶部弹出的popup、可在视频上滚动的消息列表（希望对你有所帮助）
https://uniapp.dcloud.net.cn/api/window/subNVues.html#app-getsubnvuebyid

要回复问题请先登录或注册

【报Bug】cover-view组件中内容溢出纵向滚动是不是不支持啊

示例代码：

`<cover-view class="scrollBox"> <cover-view class="station" v-for="(item, index) in 20"> {{ index }} </cover-view> </cover-view> .scrollBox { overflow: scroll; width: 100%; height: 800rpx; background-color: red; .station { width: 100%; height: 102rpx; } }`

操作步骤：

真机上手指上下滑动

预期结果：

scrollBox 容器可以上下滚动

实际结果：

scrollBox在App中无法滚动在H5中正常

bug描述：

1 个回复

公告

相关问题

【报Bug】cover-view组件中内容溢出纵向滚动是不是不支持啊

示例代码： <cover-view class="scrollBox"> <cover-view class="station" v-for="(item, index) in 20"> {{ index }} </cover-view> </cover-view> .scrollBox { overflow: scroll; width: 100%; height: 800rpx; background-color: red; .station { width: 100%; height: 102rpx; } }

操作步骤： 真机上手指上下滑动

预期结果： scrollBox 容器可以上下滚动

实际结果： scrollBox在App中无法滚动 在H5中正常

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

`<cover-view class="scrollBox"> <cover-view class="station" v-for="(item, index) in 20"> {{ index }} </cover-view> </cover-view> .scrollBox { overflow: scroll; width: 100%; height: 800rpx; background-color: red; .station { width: 100%; height: 102rpx; } }`

操作步骤：

真机上手指上下滑动

预期结果：

scrollBox 容器可以上下滚动

实际结果：

scrollBox在App中无法滚动在H5中正常