不知道呀
不知道呀
  • 发布:2023-05-09 16:29
  • 更新:2023-05-09 16:29
  • 阅读:210

【报Bug】list开启pagingEnabled之后,内部嵌套可滚动区域失效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 10 专业版 21H2

HBuilderX类型: 正式

HBuilderX版本号: 3.7.11

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: redmiK50U

页面类型: nvue

vue版本: vue2

打包方式: 离线

项目创建方式: HBuilderX

示例代码:
<list fixFreezing class="list" :pagingEnabled="true" :loadmoreoffset="100" :show-scrollbar="false">  
        <cell v-for="(item, index) in list" :key="item">  
            <waterfall fixFreezing class="waterfall">  
                <cell>  
                    <view class="box">  
                        <view class="box-main" :style="mainStyle">  
                            {{item}}  
                        </view>  
                        <view class="box-title" :style="titleStyle">  
                            {{item}}  
                        </view>  
                        <view class="box-info" :style="infoStyle">  
                            {{item}}  
                        </view>  
                    </view>  
                </cell>  
            </waterfall>  
        </cell>  
    </list>
data() {  
            return {  
                list: [1, 2],  
                itemStyle: {  
                    height: 0,  
                    width: "750rpx",  
                },  
                boxStyle: {  
                    height: 0,  
                    width: "750rpx",  
                },  
                mainStyle: {  
                    height: 0,  
                    width: "750rpx",  
                },  
                titleStyle: {  
                    height: 0,  
                    width: "750rpx",  
                },  
                infoStyle: {  
                    height: 0,  
                    width: "750rpx",  
                },  
            };  
        },  
        components: {  
            myList  
        },  
        onLoad() {  
            const height = uni.getSystemInfoSync().windowHeight;  
            this.itemStyle.height = height;  
            this.boxStyle.height = height;  
            this.mainStyle.height = height - 500;  
            this.titleStyle.height = height - 50;  
            this.infoStyle.height = height - 50;  
        },

操作步骤:

list组件开启pagingEnabled,内部嵌套滚动区域组件

预期结果:

优先滚动内部滚动区域内容,到底之后再切换到list的下一项中

实际结果:

实际结果是,内部滚动区域不生效,滚动时触发的是list的滚动,以及,list开启pagingEnabled,貌似会把当前那一项的滚动条固定在中间

bug描述:

nvue中list开起pagingEnabled之后,内部嵌套滚动区域(waterfall,scroll-view,list)皆无法滚动

2023-05-09 16:29 负责人:无 分享
已邀请:

要回复问题请先登录注册