uni-app 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描述：

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


| 信息类别         | 信息内容       |
|------------------|----------------|
| 产品分类         | uniapp/App     |
| PC开发环境操作系统 | Windows        |
| PC开发环境操作系统版本号 | win11          |
| HBuilderX类型   | 正式           |
| HBuilderX版本号 | 4.08           |
| 手机系统         | Android        |
| 手机系统版本号   | Android 14     |
| 手机厂商         | 小米           |
| 手机机型         | 红米K60        |
| 页面类型         | vue            |
| vue版本         | vue2           |
| 打包方式         | 云端           |
| 项目创建方式     | HBuilderX      |

更多关于uni-app cover-view组件中内容溢出纵向滚动是否不支持的实战教程也可以访问 https://www.itying.com/category-93-b0.html

wuwangju 1楼

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

更多关于uni-app cover-view组件中内容溢出纵向滚动是否不支持的实战教程也可以访问 https://www.itying.com/category-93-b0.html

itying888 2楼

在 uni-app 中，cover-view 组件是用于覆盖在原生组件（如地图、视频等）之上的视图容器。由于 cover-view 的特殊性，它并不支持所有常规的 CSS 样式和布局行为。

关于 cover-view 中内容溢出的纵向滚动问题，确实存在一些限制。cover-view 不支持 overflow: scroll 或 overflow: auto 这样的 CSS 属性，因此无法直接在 cover-view 中实现内容溢出后的纵向滚动。

解决方案

如果你需要在 cover-view 中实现纵向滚动，可以考虑以下替代方案：

使用 scroll-view 包裹内容：在 cover-view 中使用 scroll-view 组件来包裹需要滚动的内容。scroll-view 支持滚动行为，可以在 cover-view 中实现内容的纵向滚动。
```
<cover-view>
  <scroll-view scroll-y="true" style="height: 200px;">
    
  </scroll-view>
</cover-view>
```