uni-app 安卓APP 多个scroll-view标签 scroll-y 嵌套开发时 被嵌套的scroll-view 无法正常滑动
uni-app 安卓APP 多个scroll-view标签 scroll-y 嵌套开发时 被嵌套的scroll-view 无法正常滑动
| 类别 | 信息 |
|---|---|
| 产品分类 | uniapp/App |
| PC开发环境 | Windows |
| PC版本号 | Windows10 |
| HBuilderX | 正式 |
| HBuilderX版本 | 3.2.12 |
| 手机系统 | Android |
| 手机版本号 | Android 11 |
| 手机厂商 | 华为 |
| 手机机型 | 华为9X |
| 页面类型 | nvue |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |
预期结果:
- 多个scroll-view标签 scroll-y 进行嵌套开发, 被嵌套的scroll-view 可以正常滑动
实际结果:
- 安卓APP 多个scroll-view标签 scroll-y 进行嵌套开发, 被嵌套的scroll-view 无法正常滑动,小程序端 可以嵌套滑动
bug描述:
- 安卓APP 多个scroll-view标签 scroll-y 进行嵌套开发, 被嵌套的scroll-view 无法正常滑动,小程序端 可以嵌套滑动
更多关于uni-app 安卓APP 多个scroll-view标签 scroll-y 嵌套开发时 被嵌套的scroll-view 无法正常滑动的实战教程也可以访问 https://www.itying.com/category-93-b0.html
希望官方大大可以解答下吗? 谢谢啦
更多关于uni-app 安卓APP 多个scroll-view标签 scroll-y 嵌套开发时 被嵌套的scroll-view 无法正常滑动的实战教程也可以访问 https://www.itying.com/category-93-b0.html
暂时不支持scroll-view嵌套 临时方案请使用vue
好的呀 我再想想办法吧 谢谢啦,希望可以解决下这个问题哈
在nvue页面中,Android平台对嵌套scroll-view的支持确实有限制。这是由于Android原生滚动容器的嵌套滚动机制与Webview不同导致的。
解决方案:
-
使用
list组件替代:对于nvue页面,建议使用list组件替代嵌套的scroll-view。list组件在Android平台有更好的性能表现,且支持嵌套滚动。 -
设置
scrollable属性:如果必须使用scroll-view,尝试为内层scroll-view设置scrollable="true",但注意这在Android上可能仍不理想。 -
避免嵌套滚动:重新设计布局,尽量避免scroll-view的嵌套。可以考虑使用单个scroll-view配合不同区域的内容展示。
-
使用
page-meta:在非nvue页面中,可以使用page-meta组件设置页面滚动,但nvue中不支持。 -
检查样式设置:确保内层scroll-view有明确的高度设置,且内容高度超过容器高度。
代码示例(使用list替代):
<template>
<list>
<cell>
<!-- 外层内容 -->
</cell>
<list>
<cell v-for="item in innerList" :key="item.id">
<!-- 内层内容 -->
</cell>
</list>
</list>
</template>

