3***@qq.com
3***@qq.com
  • 发布:2022-07-31 15:34
  • 更新:2022-07-31 15:34
  • 阅读:259

【报Bug】在scroll-view内最底部放置一个view 会导致添加新数据后默认滚到底部

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

HBuilderX类型: 正式

HBuilderX版本号: 3.5.3

手机系统: Android

手机系统版本号: Android 11

手机厂商: 小米

手机机型: K20 Pro

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
                <swiper class="swiper" :current="swiperCurrent" @change="swiperChange">  
                    <swiper-item class="swiper-item">  
                        <scroll-view class="scroll-view" :scroll-y="true" @scrolltolower="historyApi.lower()" refresher-enabled  
                            @refresherrefresh="historyUpper" :show-scrollbar="true" :refresher-triggered="historyUpperFlag"  
                            :scroll-anchoring="true"  
                            :scroll-with-animation="true">  
                            <u-empty v-if="historyApi.list.length === 0" :text="$t('common.noData')" mode="list"></u-empty>  
                            <OpenOrderItem v-for="item in historyApi.list" :key="item.time+Math.random()" :data="item">  
                            </OpenOrderItem>  
                            <!-- <u-loadmore v-if="historyApi.list.length !== 0" :status="historyApi.loadingInfo.status"  
                                :load-text="historyApi.loadingInfo.loadText"  
                                :icon-type="historyApi.loadingInfo.iconType" :margin-top="0" />  -->  
                            <view>任意放置一个view 都会导致加载新数据后直接到了底部</view>  
                        </scroll-view>  
                    </swiper-item>  
                </swiper>

操作步骤:

将view和循环的组件放到scroll-view下面 使用 @scrolltolower 加载数据

预期结果:

加载数据后滚动条应该不会自动到底部

实际结果:

加载数据后滚动条自动到底部

bug描述:

在scroll-view内的任意放置一个view 都会导致加载新数据后直接到了底部

2022-07-31 15:34 负责人:无 分享
已邀请:

要回复问题请先登录注册