详细问题描述
当我实现一个flex布局内的滚动列表时(有header、footer),发现安卓APP端的程序内,列表无法滚动。
该问题出现在APP端口,以及H5的手机端(H5能使用滚轮滚动,但无法用鼠标拖动)。
但是在旧版编译的APP,以及在微信小程序是正常的。
下面附上代码片段,用的是div,请见谅。
IDE运行环境说明
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明] HBuilderX
[IDE版本号] 2.6.5
[windows版本号] 7
uni-app运行环境说明
[运行端是h5或app或某个小程序?] 安卓APP
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试] HbuilderX创建
[编译模式说明:自定义组件模式?纯nvue模式?v3模式?] V3模式
App运行环境说明
[Android版本号] 10
[手机型号] 三星S20
附件
[可重现代码片段]
<template>
<div style="flex: auto; display: flex; flex-direction: column; min-height: 0; overflow-y: auto;">
<div style="flex: 0 0 auto;">header</div>
<div style="flex: auto; display: flex; overflow-y: hidden; min-width: 0;">
<div style="overflow-y: auto; flex: auto;">
<div>
<div v-for="index in 200" style="display: flex;">{{ index }}</div>
</div>
</div>
</div>
<div style="flex: 0 0 auto;">footer</div>
</div>
</template>
0 个回复