uni-app nvue页面scroll嵌套list组件，list的高度影响了scroll横线滚动的可滑动位置

uni-app nvue页面scroll嵌套list组件，list的高度影响了scroll横线滚动的可滑动位置

产品分类：uniapp/App

PC开发环境操作系统：Windows

HBuilderX类型：正式

HBuilderX版本号：3.2.9

手机系统：iOS

手机系统版本号：IOS 14

手机厂商：苹果

手机机型：iPhone7

页面类型：nvue

打包方式：离线

项目创建方式：HBuilderX

示例代码：

<template>  
<view>  
<scroller scroll-direction="horizontal"  
bounce="false"
        class="data-container"  
show-scrollbar="false"
    >
    <list :show-scrollbar="false" class="room-state-x" :bounce="false" :style="{width: `${data.length*132}rpx`, height: height+'px'}">
        <header :style="{width: `${data.length*132}rpx}`}">
            <view class="row" :style="{width: `${data.length*132}rpx}`}">
                <view v-for="(item,index) in data" class="text-box-column" :key="'date'+index">
                    <text>{{item}}</text>
                </view>
            </view>
        </header>
        <cell v-for="(item,index) in list" :key="index" :style="{width: `${data.length*132}rpx}`}">
            <view class="row" :style="{width: `${data.length*132}rpx}`}">
                <view v-for="($item,i) in item" :key="i" class="text-box-column">
                    <text>{{$item}}</text>
                </view>
            </view>
        </cell>
    </list>
</scroller>
</view>
</template>  

<script>
export default {
data() {
return {
data: [],
list: [],
height: 0
}
},  
onShow() {  
this.height = uni.getSystemInfoSync().windowHeight  
},  
mounted() {  
uni.hideTabBar()  
for(let i=0; i< 30; i++) {  
this.data.push(i)  
this.list[i] = []  
for(let k=0; k<30;k++) {  
this.list[i].push(i*k+k+i)  
}  
}  
},  
methods: {  

}  
}
</script>  

<style>
.data-container{
width: 750rpx;
left: 0;
top: 0;
position: fixed;
bottom: 0;
background-color: #FFFFFF;
}
.text-box-column{
height: 128rpx;
justify-content: center;
flex-direction: column;
align-items: center;
border-right-width: 1rpx;
border-bottom-width: 1rpx;
border-top-width: 1rpx;
border-color: #EEEEEE;
width: 132rpx;
color: #FFFFFF;
background-color: #FFFFFF;
}
</style>  

操作步骤：

• 横向滑动的距离跟高度相关，紧可滑动一小部分

预期结果：

• 预期能滑动出全部设置宽度的内容

实际结果：

• 紧可展示部分内容，猜测是跟高度相关

bug描述：

nvue页面scroll嵌套list组件，实现横向滑动及纵向滑动，scroll组件fix定位及设置横向滑动属性，list组件设置动态宽度及屏幕可视区域高度，报[bug]横向滑动的距离跟list的高度相关，不能全部滑动出设置宽度的内容