<template>
<view>
<view style="height: 100rpx;">
111
</view>
<list :scroll-y="scrollY" :style="'height:'+scrollH+'px;'">
<cell>
<view style="height: 300rpx;background-color: antiquewhite;">1111</view>
</cell>
<cell>
<view style="height: 300rpx;background-color: violet;">22</view>
</cell>
<cell>
<view style="height: 300rpx;background-color: yellow;">333</view>
</cell>
<cell>
<view style="height: 300rpx;background-color: blueviolet;">444</view>
</cell>
<cell>
<view style="height: 300rpx;background-color: red;">555</view>
</cell>
<cell>
<view style="height: 300rpx;background-color: rebeccapurple;">666</view>
</cell>
</list>
</view>
</template>
<script>
export default {
data() {
return {
scrollH: 500,
}
},
onReady() {
uni.getSystemInfo({
success: res => {
this.scrollH = res.windowHeight - uni.upx2px(100)
console.log("this.scrollH this.scrollH this.scrollH " + this.scrollH)
}
})
},
methods: {
}
}
</script>
<style>
</style>
六界仙尊
- 发布：2023-02-17 10:51
- 更新：2023-02-21 17:32
- 阅读：149
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win11
HBuilderX类型： Alpha
HBuilderX版本号： 3.7.1
手机系统： Android
手机系统版本号： Android 12
手机厂商： 小米
手机机型： 小米11pro
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
在安卓12 11 直接运行上方代码，我测试小米11pro 安卓12，以及红米安卓12系列和11均有此问题
在安卓12 11 直接运行上方代码，我测试小米11pro 安卓12，以及红米安卓12系列和11均有此问题
预期结果：
希望可以滚动
希望可以滚动
实际结果：
不可以滚动
不可以滚动
bug描述：
nvue模式下，list组件在安卓11 12无法滚动，在安卓13上面正常，一段很简单的代码就可以复现
，经过测试，好像是在安卓11和12上面计算的list高度过高，一屏无法完全显示，导致无法上拉滚动，计算出来的高度减去个约5px 即可以滚动
